ＴＲとＴＤタグの説明
ＴＡＢＬＥのセルとは？
行があれば列もある
ＴＡＢＬＥの意味はだいたい分かりましたか？わかりましたね？
では。理解したものとして、先に進みます。
ここでは、ＴＲとＴＤについてお話します。
実は、このタグの使い方が、ＴＡＢＬＥでは一番重要なんです。
ＴＡＢＬＥの根っことなるセルを作るタグですからね。
ＴＲとＴＤの関係はしっかり覚えて下さい。
マウスを上に置くと、簡単な説明文が表示されるものがあります。
リンク先はこのページですので、クリックしてもムダですよ。
<thml>
<head></head>
<body>
<table>
<tr>
<td>内容１−１</td>
<td>内容１−２</td>
<td>内容１−３</td>
</tr>
<tr>
<td>内容２−１</td>
<td>内容２−２</td>
<td>内容２−３</td>
</tr>
</table>
</body>
</html>
上のタグでは、ＴＲのセットを２つ書いてます。
ＴＲは行を定義するタグですから、
ＴＲの数だけ横方向（行）の配置が指定されます。
変な言い廻しだと思いませんか？
ＴＲで定義しているのは、「ここにセルが来るよ〜！」という宣言だけなのです。目に見える内容は何もありません。
行の配置を定義しているだけなのです。
では、内容を書き込むためにはどうするのでしょうか？
目に見える内容を書き込む部分（セル）。それがＴＤになります。
上記のＴＲとＴＤタグの関係を図にすると、下のようになります。
ＴＲはいくつ用意してもかまいません。
また、ＴＲに入るＴＤも数に制限はないようです。
ただし、一つのＴＡＢＬＥ内では、ＴＲの中のＴＤは同じ数でなくてはいけません。
１列目のTD（セル）の数が１なら、２列目３列目も○列目も、TDを１にします。
同様に１列目のTDが５なら、すべての列のTDを５とするのです。
これを守らないとＴＡＢＬＥが崩れます。要注意ですね。
ＴＡＢＬＥで、縦や横の項目をまとめたいときもありますね。
そういう場合には、縦と横をつなぎます。
|
