STEP*7
++テーブルを使ったレイアウト指定++

【 テーブル 】 と、ゆうのは HTML用語で 【 表 】 の事で、ホームページを作ったりするときに 崩れにくいレイアウトを作成する際によく使われる方法です.

+++++++++++++++++++++++

実際使ってみるとこんなカンジ ↓

この場合 画像を敷き詰めたうえ、オレンジ色のテーブルを作成する事で 便箋のようなレイアウトになっています.

ソースは このようになっています.
↑ の、 【 border="0" 】 の部分を
【 border="1" 】 にして、枠を表示させると ↓ こうなります.

↓ が、テーブルタグの基本です.
1)) <TABLE>
テーブルの始まりを指定します.
2)) <TR>
行の始まりの合図です.
3)) <TD> 〜 </TD>
これで一マス分です.
【 〜 】 の部分に画像や文章を入れたりします.
4)) <TD ROWSPAN="○">
マスを縦にくっつける時に使います.
5)) <TD COLSPAN="○">
マスを横にくっつける時に使います.
6)) </TR>
行をおしまいにするときに使います.
7)) </TABLE>
最後にテーブル終わりの合図をします.

でわ、おさらいしてみましょう.

テーブルはぢまり 行のはぢまり マス1個
<TABLE> <TR> <TD> 〜 </TD>
マスもう1個 行のおわり テーブルおしまい
<TD> 〜 </TD> </TR> </TABLE>
。。。↑ このとおりに表示させると、マス2つのテーブルのできあがりです.

つまり こんなカンジ。。?
spsp

*〜*〜*〜*〜*〜*〜*〜*〜*〜*〜*〜*

次では 背景以外の画像を表示させる方法をご案内いたします.

STEP*8
▲ back