HTML表格添加表头

59次阅读
没有评论

要为HTML表格添加表头,可以使用表格标签 <thead>、<th> 和 <tr>。<thead> 标签包含一行或多行表头单元格,其中每个单元格由 <th> 标签定义。每个表头行由 <tr> 标签定义,并放置在表格的顶部。

下面是一个基本的HTML表格示例,其中包括表头:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML Table Header Example</title>
</head>
<body>
<table>
    <thead>
    <tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Age</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>John</td>
        <td>Doe</td>
        <td>35</td>
    </tr>
    <tr>
        <td>Jane</td>
        <td>Doe</td>
        <td>28</td>
    </tr>
    </tbody>
</table>
</body>
</html>

在这个例子中,<thead> 标签被用来添加表头行,其中包含三个表头单元格。注意,表头行必须包含在 <thead> 标签中,而不是在 <tbody> 中。<tbody> 标签是用来包含表格的主要内容的。

请注意,如果省略 <thead> 标签,则表格将不包含表头。在这种情况下,第一行的单元格将被视为表头,而其余行将被视为主要内容。

正文完
 
评论(没有评论)