HTML tbody标签的使用说明

你知道什么是html tbody标签吗？也许大家都听过html tbody标签，但是却不知道如何使用html tbody标签，现在我们就去看看HTML tbody标签的使用说明。

tbody 元素应该与 thead 和 tfoot 元素结合起来使用。

　　表格的分组显示(Structured Table) （IExplore Only）

一、按行分组

<thead> ... </thead> - 表的题头(Header)
<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>

二、按列分组

<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>

三、列的属性控制

<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>

好了，这就是今天爱站小编为大家介绍HTML tbody标签的使用说明，是不是觉得第一次发现这么好用的标签呢？感兴趣的小伙伴们快试试吧。