当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > HTML标签tbody的用法与说明

HTML/XHTML教程
marquee基本语法的全解释
HTML标签详解(1)
HTML之调色原理
网站基本配色:热带
网站基本配色:清爽
网站基本配色:低沉
css新手上路(2)
css新手上路(5)
css新手上路(6)
网页中如何让整段文字左右对齐
HTML特殊字符 - 补遗
几个漂亮的Button的CSS
CSS 缩写技巧
颜色英文代码全集
基本配色-终极配色手册
网页设计中Html使用的一些问题
基本配色:土性
基本配色:浪漫
基本配色:神奇
基本配色:清爽

HTML/XHTML教程 中的 HTML标签tbody的用法与说明


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 99 ::
收藏到网摘: n/a

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>