ＨＴＭＬとＣＳＳ

とかくＨＴＭＬとは，文字の大きさ，色，位置などを指定してＷｅｂページの見栄えをよくするものだと思われがちです。確かに，ＨＴＭＬの発展過程では，デザインを指定するためのタグが追加されてきました。
　しかし，ＨＴＭＬの目的はあくまでも文書の構造を明確にすることであり，表示体裁を目的としたものではありません。例えば，<h1>が<p>よりも大きいフォントで表示されますが，これはInternet Explorer や Netscape Communicator などのブラウザが独自仕様としてそうしているだけで，Ｗ３Ｃの標準規格ではそのような規定はないのです。
　ＨＴＭＬを本来の目的に合致させるために，ＨＴＭＬ４.０以降では，表示体裁のためのタグを「非推薦属性」としています。

表示体裁に関することはＣＳＳ（Cascading Style Sheet：スタイルシート）で定義します。
　例えば，次のようになります。

　ＨＴＭＬ
　　　<h1>ＨＴＭＬの基礎</h1>
　　　<p class="box1">本章では，Ｗｅｂページ作成用の言語であるＨＴＭＬの基礎
　　　を学習します。ＨＴＭＬの文法に関しては多くの図書がありますので，ここで
　　　は，ＨＴＭＬの意義や概念を中心に説明します。</p>
　　　<h2>ＨＴＭＬでの誤解</h2>
　　　<p>とかくＨＴＭＬをＷｅｂページの見栄えをよくするためのツールだと思いが
　　　ちですが，それは重大な誤解です。・・・</p>

ＣＳＳの指定がないとき

ＣＳＳの指定をしたとき

　ＣＳＳ
　　　body {background: yellow}
　　　h1 {font-size: 200%; color: red; text-align: center}
　　　h2 {font-size: 150%; color: blue}
　　　p {font-size: 100%; text-indent: 2%; font-family: "ＭＳ Ｐ明朝"}
　　　.box1{border: thin solid gray; margin: 5pt 5% 5pt 5%; padding: 2pt }