📜  HTML |<thead>对齐属性(1)

📅  最后修改于: 2023-12-03 15:31:15.725000             🧑  作者: Mango

HTML | 对齐属性

介绍

HTML<thead>元素是表示表格的列组的HTML标记的一部分。<thead>元素中的内容被在表格的顶部水平地显示出来。它通常与<tbody><tfoot>元素一起使用。<thead>元素可以用于排序, 如果您想要使表格的顶部行居中、左对齐或右对齐,则可以使用对齐属性。

语法

以下是<thead>元素的基本语法格式:

<table>
    <thead align="center|left|right">
        <!-- 表头行 -->
    </thead>
    <tbody>
        <!-- 数据行 -->
    </tbody>
</table>

align属性是<thead>元素的对齐属性。您可以使用以下值来设置对齐属性:

  • center:居中对齐
  • left:左对齐
  • right:右对齐
示例

以下是<thead>元素的示例代码:

<table>
    <thead align="center">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>张三</td>
            <td>18</td>
            <td>男</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>20</td>
            <td>男</td>
        </tr>
        <tr>
            <td>王五</td>
            <td>22</td>
            <td>女</td>
        </tr>
    </tbody>
</table>

此代码将表格的表头行居中对齐。

总结

使用<thead>元素可以使表格更具可读性。使用对齐属性可以使表头行在不同的对齐方式下更易于阅读。