Dynamic HTML^No.01

Internet Explorer4.0 or Netscape Communicator4.0 以上をご利用下さい。
それ以外のブラウザをご使用の場合は，CSS の効果は保証できません。

　Internet Explorer4.x や Netscape Communicator4.x など，最新の WWW ブラウザの普及が目覚しい中，Web ページにダイナミック HTML(Dynamic HyperTextMarkup Language 以降，DHTML と表記) を取り入れる WWWサイトが増えています。 DHTML は，スクリプトやスタイルシート (CSS:Cascading Style Sheet 以降，CSS と表記) を用いて Web ページの見栄えや振る舞いを動的に変化させる技術のことです。
　今月からこの DHTML に着目し，数回に渡り特集 (= 連載) する予定です。まずは，CSS について簡単に説明します。
　HTML 仕様 (4.0) では，文書の論理的な構造とプレゼンテーションを分離すべきとの考えから，スタイルを HTML とは別の言語で記述することが可能となっています。 CSS は，文書本体をそのままにして，体裁だけを切り替えることで簡単にレイアウトを変更することができます。ただし，この CSS Internet Explorer4.x と Netscape Communicator4.x では，若干効果が異なり，期待した通りの効果を得ることができないのが難点です。
　むろん，Internet Explorer3.x または， Netscape Navigator3.x では，話になりません。特に後者をお使いの方は諦めるか最新のブラウザにバージョンアップする事をお奨めします。

バックグランド編
　第１回目は，バックグランド（背景色）について記します。
　何時もながら難しい説明は一切いたしません。まずは，ご自分で学習してみて下さい。ここでは， Internet Explorer4.x と Netscape Communicator4.x の効果の違いと方法論のみ示します。

【HEADER定義を使用した背景色の指定】（Netscape Communicatorでは効果が得られません！）

h4{color:black; background:blue; font-size:10pt}

　<h4>文字色:黒バックグラウンド:青フォントサイズ:１０ｐｔ</h4>

h5{color:black; background:green; font-size:12pt}

　<h5>文字色:黒バックグラウンド:緑フォントサイズ:１２ｐｔ</h5>

h6{color:black; background:red; font-size:14pt}

　<h6>文字色:黒バックグラウンド:赤フォントサイズ:１４ｐｔ</h6>

【DIV&STYLEを使用した背景色の指定】（Netscape Communicator ではマーカー状態になります。）
ピンクにするには，
<SPAN STYLE="background:pink">ピンク色の背景です</SPAN>
と定義します。

ターコイズにするには，
<SPAN STYLE="background:turquoise">ターコイズ色の背景です</SPAN>
と定義します。

または，（Internet Explorer の場合は，バックグランドになります。）

　<DIV STYLE="background:turquoise">ターコイズ</DIV>

とするか，　

　<DIV STYLE="background:skyblue">スカイブルー</DIV>

と定義します。
ついでにオレンジのバックグラウンドにするには，

とすれば良いわけです。