HTMLとCSS

HTMLはウェブページの基本的な構成要素です。ウェブブラウザはHTML文書を読み、可視または可聴のウェブページに組み立てます。CSS（Cascading Style Sheets）は、マークアップ言語で書かれた文書の外観や書式を記述する言語である。CSSは、HTMLで書かれたWebページのスタイルをデザインするために広く使われている。

HTMLとは？

前述したように、HTMLはマークアップ言語であり、プログラミング言語ではありません。マークアップとは、通常、Webページのタグを記述するためのHTMLマークアップ言語のことです。 HTML文書には、Webページが記述され、HTMLタグとプレーンテキストの両方が含まれます。 HTMLタグは、先の尖ったカッコ（例）で囲まれているため、HTML文書内で容易に認識できます。 HTMLタグは、通常文書内でペア**になっており、最初のタグは開始タグ（例）、次のタグは終了タグ（例）になっています。Webブラウザ（Internet Explorer、Firefoxなど）は、HTML文書を読み取り、Webページとして表示するのが仕事です。ブラウザはHTMLタグを使ってページの内容を解釈しますが、HTMLタグ自体はブラウザに表示されません。 HTMLページには、画像やオブジェクト、JavaScriptなどの言語で記述されたスクリプトを埋め込むことができます。また、HTMLを利用して、インタラクティブなフォームを作成することもできます。

CSSとは？

前述したように、CSSはHTMLの要素をページ上でどのように表示するかを定義する。当初、HTMLは文書の書式を決めるためのマークアップとしてではなく、内容を定義するために使われていた。しかし、HTML3.2でマークアップが導入されたことで、Web開発者の生活は非常に厳しくなった。大規模なウェブサイトを開発する場合、各ページにフォントや色の情報を追加するのは非常に面倒な作業です。HTML4.0では、HTML文書からすべての書式を削除し、別のCSSファイルに保存することができます。 CSSは、文書の内容と文書の表現（レイアウト、色、フォントなど）を分離するものです。これにより、複数のウェブページが同じフォーマットを共有し、構造的な内容の複雑さや繰り返しを減らすことができる。また、cssでは、ウェブページの作者が指定したスタイルシートを上書きして、同じマークアップページを別のスタイルで表示させることができるように、読者がスタイルシートを選択することができるようになっている。現在、CSSは広く利用され、すべてのブラウザでサポートされています。

HTMLとCSSの違い