009资源网

009知识分享网,分享知识,创造价值,分享是一种态度!

HTML标签tbody的用法与说明

2021-01-15 16:02 62次浏览 评论已关闭 前端

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>

发表评论
该文章暂时关闭了评论哦~