４

 画面を少しいじってみよう！

応用.gif (3239 バイト)

３．

 段組みのデザインを指定しよう！
NE3 NE4 NE6 　 　 　 　 　

さっきは、ページに段組を入れたね。
今回はさらに、その段組のデザインを指定するタグをやってみよう。
デザインの指定は２つ、段と段の間の間隔、全体の幅だよ。

<MULTICOL GUTTTER="■" WIDTH="▲">〜</MULTICOL> 　　　・・・・段組みのデザイン

■：段と段の間隔
▲：全体の幅

まず、■（GUTTER）では段と段の間隔をを指定するんだ。
そして、▲(WIDTH)ではその全体の段落の幅を決めているんだよ。
つまり、下の図のようになるんだ。

danraku.gif (1623 バイト)

　SOURCE
<HTML>
<HEAD>
<TITLE>段組み</TITLE>
</HEAD>
<BODY>
 <MULTICOL COLS=3 GUTTER="10" WIDTH="80%">
たとえば、このように■を３にした場合、３列の段落ができるんだ。
といっても、例を出すのも楽じゃないね。
このような例の場合はたくさんの文字を書かないといけないから大変・・・・。
これだけ書いてもまだまだでしょ。
</MULTICOL>
</BODY>
</HTML>

　

　RESULT 　
たとえば、このように■を３にした場合、３列の段落ができるんだ。
といっても、例を出すのも楽じゃないね。
このような例の場合はたくさんの文字を書かないといけないから大変・・・・。
これだけ書いてもまだまだでしょ。		 文字を書いていくと、このように３つの段に分かれている。
これはNEのみの効果だから、IEではこのようには見えないよ。
今は実は表を使って書いているから、IEの人にも大体のイメージがつかんでもらえると思う。
NEの人は、IEの人がこのようには見えていないことを考えて		 段組みを使ってあげよう。
やっとここまできたのでこれで終わり。
大体わかったよね？

↑GUTTERで段の間隔を１０に指定、WIDTHで全体の大きさを８０％に指定

このようにして、段落のスタイルも自分なりに作っていこう。

ここで応用編は終わりです
top.gif (583 バイト)　目次へ戻る

back2.gif (978 バイト)　段組みを作ろう！
top.gif (583 バイト)　目次へ戻る