温馨提示×

表格标题

表格标题通常是在表格之前或之后显示的一行文本,用于描述表格的内容或目的。在HTML 5中,可以使用<caption>标签来定义表格标题。

下面是一个简单的表格示例,包含了一个标题:

<table>
  <caption>员工信息</caption>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>部门</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>市场部</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td>技术部</td>
  </tr>
</table>

在上面的例子中,<caption>标签用来定义表格的标题为"员工信息"。表格标题通常会显示在表格的上方,并且会居中显示。

如果想要将表格标题显示在表格的下方,可以将<caption>标签放在<table>标签的结束标签之前,如下所示:

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>部门</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>市场部</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td>技术部</td>
  </tr>
</table>
<caption>员工信息</caption>

无论是将表格标题显示在表格的上方还是下方,都可以使用CSS样式来美化表格标题的外观,例如更改字体、颜色、对齐方式等。希望这个简单的教程能够帮助你理解如何在HTML 5中创建和定义表格标题。