html表格

发布时间 2023-04-19 09:46:29作者: 挖洞404

1、介绍

html中,通过table、caption、thead、tr、th、td标签组织和管理表格数据。嵌套关系如下:

<table>
<caption>表格标题</caption>
<thead>
<tr><th>列名1</th><th>列名2</th></tr>
</thead>
<tbody>
<tr><td>1行1列</td><td>1行2列</td></tr>
<tr><td>2行1列</td><td>2行2列</td></tr>
</tbody>
</table>

2、table标签

定义表格整体,管理表格的属性,以及容纳嵌套其他表格标签。

3、caption标签

定义表格的标题,在顶行居中显示。

4、thead标签和tbody标签

thead用于管理标题行,而tbody用于管理内容行。

这两个标签无直接作用,而是为了方便css区别修饰,比如将标题行背景色定位红色,内容航背景色定位蓝色。

5、tr标签

定义表格的行,一个标签表示表格的一行,其内嵌套td或者th标签。

6、th标签和td标签

th用于定义标题行的一个单元格,td用于定义内容行的一个单元格。