1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLタグtbodyの使用方法と説明

2022-01-30 11:03:15
tbody要素は、thead要素、tfoot要素と組み合わせて使用する必要があります。
  テーブルのグループ化表示(構造化テーブル)(IExploreのみ)
I. 行ごとのグループ化
<thead> ... </thead> - テーブルのヘッダ
<tbody> ... </tbody> - テーブルの本体(Body)です。
<tfoot> ... </tfoot> - テーブルのフッター(Footer)です。

<table border>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</table>
II. 列によるグループ化

<colgroup align=#> #=left, right, center

<table border width=160>
<colgroup align=left>
<colgroup align=center>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</table>
III. カラムプロパティ制御
<col span=#> #=指定された属性を持つ列の数(左から数えて)です。
<col align=#> #=left, right, center

<table border width=160>
<colgroup>
<col align=center span=2>
<colgroup align=right>
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th></tr>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>D</td><td>E</td><td>F</td></tr>
</tbody>
</table>