サイト内検索
...HTML・XHTMLタグ...
table
行のグループ化
- 行をグループ化するには、thead要素・tbody要素・tfoot要素を指定します。
- tableの行は、機能によって
- ・ヘッダ<thead>〜</thead>
- ・ボディ<tbody>〜</tbody>
- ・フッタ<tfoot>〜</tfoot>に分けられます。
- ヘッダ<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 | ||
No1 | No2 | No3 |
No4 | No5 | No6 |