サイト内検索

...HTML・XHTMLタグ...

table

行のグループ化

行をグループ化するには、thead要素・tbody要素・tfoot要素を指定します。
tableの行は、機能によって
・ヘッダ<thead>〜</thead>
・ボディ<tbody>〜</tbody>
・フッタ<tfoot>〜</tfoot>に分けられます。
bodyの中へは
  • ヘッダ<thead>〜</thead>
  • フッタ<tfoot>〜</tfoot>
  • ボディ<tbody>〜</tbody>

の順番に書きます。
ヘッダとフッタを先に読み込み、表示するためです。

タイトル(caption要素)を使う場合は、
thead要素の前に指定します。
[使い方]
<table>
<caption>[タイトル]</caption>
<thead>
<tr>
<th>thead</th>
</tr>
</thead>
<tfoot>
<tr>
<td>tfoot</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>tbody</td>
</tr>
</tbody>
</table>

サンプル

[bodyの中]

<table border="1" width="200" cellpadding="5">
<caption>[タイトル]</caption>
<thead bgcolor="#ffff00">
<tr>
<th>thead</th>
</tr>
</thead>
<tfoot bgcolor="#ffff8e">
<tr>
<td colspan="3">tfoot</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>No1</td><td>No2</td><td>No3</td>
</tr>
<tr>
<td>No4</td><td>No5</td><td>No6</td>
</tr>
</tbody>
</table>

[ブラウザ上]

[タイトル]
thead
tfoot
No1No2No3
No4No5No6

Copyright c 2007.10.01 luc All rights reserved.