html表格标记
2009-12-29 11:22
323 查看
HTML有10个表格相关标签。下面是一个带有简介的列表,但是首先,文档要被正确的定义在HTML 4.01/XHTML 1或HTML 5下面:
<caption> 定义表格标题(4, 5)
<col> 为表格的列定义属性(4, 5)
<colgroup> 定义表格列的分组(4, 5)
<table> 定义表格(4, 5)
<tbody> 定义表格主体(4, 5)
<td> 定义一个单元格 (4, 5)
<tfoot> 定义表格的表注(底部)(4, 5)
<th> 定义表格的表头 (4, 5)
<thead> 定义表格的表头(4, 5)
<tr> 定义表格的行(4, 5)
一个基本的表格结构如图1:
它包含一个标题、头部、主体和底部。正确的HTML元素顺序是:
<table>
<caption>
<thead>
<tfoot>
<tbody>
你也可以使用<col> 和<colgroup> 来定义表格的列或为列分组:
<table>
<caption>
<colgroup>
<col>
<thead>
<tfoot>
<tbody>
下面是一个正确的表格结构实例:
<table border="1">
<caption>Table caption here</caption>
<colgroup span="1" style="background:#DEDEDE;"/>
<colgroup span="2" style="background:#EFEFEF;"/>
<!-- Table Header-->
<thead>
<tr>
<th>Head 1</th>
<th>Head 2</th>
<th>Head 3</th>
</tr>
</thead>
<!-- Table Footer-->
<tfoot>
<tr>
<td>Foot 1</td>
<td>Foot 2</td>
<td>Foot 3</td>
</tr>
</tfoot>
<!-- Table Body-->
<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>在浏览器中的结果如图2:
关于表格的一些技巧
根据w3schools的解释和用法,在一个table定义中,<tfoot>元素必须出现在<tbody>之前,这样,浏览器就可以在接受到所有数据之前呈现表注了。另外,如果不是这个顺序,将不能通过W3C的HTML4和XHTML验证,无论你声明哪种DTD。
<caption> 定义表格标题(4, 5)
<col> 为表格的列定义属性(4, 5)
<colgroup> 定义表格列的分组(4, 5)
<table> 定义表格(4, 5)
<tbody> 定义表格主体(4, 5)
<td> 定义一个单元格 (4, 5)
<tfoot> 定义表格的表注(底部)(4, 5)
<th> 定义表格的表头 (4, 5)
<thead> 定义表格的表头(4, 5)
<tr> 定义表格的行(4, 5)
一个基本的表格结构如图1:
它包含一个标题、头部、主体和底部。正确的HTML元素顺序是:
<table>
<caption>
<thead>
<tfoot>
<tbody>
你也可以使用<col> 和<colgroup> 来定义表格的列或为列分组:
<table>
<caption>
<colgroup>
<col>
<thead>
<tfoot>
<tbody>
下面是一个正确的表格结构实例:
<table border="1">
<caption>Table caption here</caption>
<colgroup span="1" style="background:#DEDEDE;"/>
<colgroup span="2" style="background:#EFEFEF;"/>
<!-- Table Header-->
<thead>
<tr>
<th>Head 1</th>
<th>Head 2</th>
<th>Head 3</th>
</tr>
</thead>
<!-- Table Footer-->
<tfoot>
<tr>
<td>Foot 1</td>
<td>Foot 2</td>
<td>Foot 3</td>
</tr>
</tfoot>
<!-- Table Body-->
<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>在浏览器中的结果如图2:
关于表格的一些技巧
根据w3schools的解释和用法,在一个table定义中,<tfoot>元素必须出现在<tbody>之前,这样,浏览器就可以在接受到所有数据之前呈现表注了。另外,如果不是这个顺序,将不能通过W3C的HTML4和XHTML验证,无论你声明哪种DTD。
相关文章推荐
- HTML标签用法(四)图形标记&表格标记
- HTML表格标记教程(2):表格的边框属性BORDER
- HTML表格标记教程(32):单元格的水平对齐属性ALIGN
- HTML表格标记教程(16):标题水平对齐属性ALIGN
- HTML表格标记教程(42):表头的水平对齐属性ALIGN
- HTML表格标记教程(46):表格的表尾标记
- HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR
- HTML表格标记教程(6):暗边框色属性BORDERCOLORDARK
- HTML--表格(TABLE)标记(TAGS)
- HTML标记【表格的建立】!
- HTML文件中表格(Table)标记的常用属性
- Html网页表格结构化标记的应用
- HTML表格标记详细讲解(适合初学者)
- HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT
- HTML表格标记教程(14):表格的表头
- HTML表格标记教程(44):表格的表首标记
- HTML表格标记教程(39):表头的亮边框色属性BORDERCOLORLIGHT
- HTML表格标记教程(13):内部边框样式属性RULES
- HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK
- HTML表格标记教程(8):背景图像属性BACKGROUND