５

 表でもう少し凝ったレイアウトをしてみよう！

basic.gif (3042 バイト)

５．

 まとめ

じゃあ、今回のまとめに入ろう。

　SOURCE
<HTML>
<HEAD>
<TITLE>テーブル</TITLE>
</HEAD>
<BODY>

<TABLE BORDER=8  WIDTH="50%" HEIGHT="50%" BORDERCOLORLIGHT=silver BORDERCOLOR=gray >
（↑ここで表の全体のスタイル枠線８、横幅50％、縦幅50％、枠の色（明：銀　暗：灰色）に指定している。）
 <TR>　←表の１行目
<TD BGCOLOR=blue>青</TD>　　←１行目のセル１つ目
<TD BGCOLOR=white>白</TD>　←１行目のセル２つ目
<TD BGCOLOR=red>赤</TD>　　 ←１行目のセル３つ目
</TR>　←表の１行目終わり
</TABLE>  ←表が終わり

</BODY>
</HTML>

ではこれらを実際に表示するとどうなるだろう｡

　RESULT 　

青 白 赤

＜ONE POINT＞
表に枠線を書かないときはホームページを見に来る人は表の枠が表示されていないから、表があることがわからないんだ。
これを利用すると、表を使って枠線を消して、文字の位置とかを微妙に調節できるから、綺麗なレイアウトにしたリすることができるんだ。
例）実践編

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

back.gif (1116 バイト)　表に色をつけよう！
next2.gif (967 バイト)　表の位置を指定しよう！（標準編）