HTML標簽tbody的用法與說明

2019-10-26 17:25:15

字體：大中小

來源：轉載

供稿：網友

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>

上一篇：各種MOUSE鼠標形狀的表示方法

下一篇：網頁制作掌握的最常用的HTML標記