目次

つぎは上の目次のようなものを作ってみよう！

この目次にはどのようなタグが使われているかわかるかな？
縦にきれいに文字が並んでいるね、そう、これは<TABLE>表のタグを使って作っているんだね。
つまり表としてのイメージはこのようになっているんだ。

そして、周りの枠線を消しているんだね。

<table width="30%" align="center">〜</table>

まずはじめにテーブルの一番外の枠を作ってやろう。
今、表の枠線は書いていないよね、だからBORDERはいらないからね。

<tr align="center" bgcolor="blue"><td><b><font color="white">タイトル</font><b></td></tr>

これはたくさんの指定がしてあるね。
ちょっといろいろ使われていてわかりにくいかな。

<tr align="center" bgcolor="blue">
１段目の背景(bgcolor)は青(blue)、位置(align)は中央(center)。
<tr>
箱を１つ作る
<b>
太字にする
<font color="white">
文字色(color)を白(white)にする。

<tr align="center"><td>内容１</td></tr>

次に残りの内容の部分だね。セルを作って真ん中に表示するだけなので。
<tr align="center">
このようにalignで位置を指定するだけでいいね。