HTML Caption 标签
一、简介
HTML caption 标签定义表格的表头。它必须在
标签内部作为第一个子元素出现。
二、语法
caption 标签的语法格式如下:
<table>
<caption>表格标题</caption>
<tr>
<th>列标题1</th>
<th>列标题2</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
</table>
三、属性
caption 标签支持以下属性:
- align: 指定表格标题的水平对齐方式,可选值为left、right和center。
- valign: 指定表格标题的垂直对齐方式,可选值为top、middle和bottom。
四、实例
以下实例展示了如何使用 caption 标签:
<table border="1">
<caption><strong>学生信息表</strong></caption>
<tr>
<th>学号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr>
<td>001</td>
<td>张三</td>
<td>男</td>
<td>19</td>
</tr>
<tr>
<td>002</td>
<td>李四</td>
<td>女</td>
<td>20</td>
</tr>
</table>
以上代码会生成以下表格:
学号 |
姓名 |
性别 |
年龄 |
001 |
张三 |
男 |
19 |
002 |
李四 |
女 |
20 |
表格的第一行是由 caption 标签定义的表格标题。可以看到,表格标题会自动居中,并且用粗体字体突出显示。
五、注意事项
- caption 标签必须在
标签内部作为第一个子元素出现。
- 在一个表格中只能有一个 caption 标签。
- caption 标签定义的表格标题会自动居中对齐,并且用粗体字体突出显示。
- 如果不需要标题,可以不使用 caption 标签。