HTML 表头
HTML 表可以为每一列或每一行，或者多列/多行设置表头。
| EMIL | TOBIAS | LINUS |
|---|---|---|
| 8:00 | ||
|---|---|---|
| 9:00 | ||
| 10:00 | ||
| 11:00 | ||
| 12:00 | ||
| 13:00 |
| 周一 | 周二 | 周三 | 周四 | 周五 | |
|---|---|---|---|---|---|
| 8:00 | |||||
| 9:00 | |||||
| 10:00 | |||||
| 11:00 | |||||
| 12:00 |
| 十二月 | ||
|---|---|---|
HTML 表头
表头是通过 th 元素定义的。每个 th 元素代表一个表单元格。
示例
<table>
<tr>
<th>名字</th>
<th>姓氏</th>
<th>年龄</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
自己动手试一试 »
垂直表头
要将第一列用作表头，请将每行中的第一个单元格定义为 <th> 元素
示例
<table>
<tr>
<th>名字</th>
<td>Jill</td>
<td>Eve</td>
</tr>
<tr>
<th>姓氏</th>
<td>Smith</td>
<td>Jackson</td>
</tr>
<tr>
<th>年龄</th>
<td>94</td>
<td>50</td>
</tr>
</table>
自己动手试一试 »
对齐表头
默认情况下，表头是粗体居中的
| 名 | 姓 | Age |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
要将表头左对齐，请使用 CSS 的 text-align 属性
多列表头
你可以有一个跨越两列或更多列的表头。
| 名称 | Age | |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
要做到这一点，请在 <th> 元素上使用 colspan 属性
示例
<table>
<tr>
<th colspan="2">姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
自己动手试一试 »
你将在 表 colspan & rowspan 章节学习更多关于 colspan 和 rowspan 的知识。
表标题
你可以添加一个作为整个表格标题的标题。
| Month | 储蓄 |
|---|---|
| 一月 | $100 |
| 二月 | $50 |
要为表格添加标题，请使用 <caption> 标签
示例
<table style="width:100%">
<caption>每月储蓄</caption>
<tr>
<th>月份</th>
<th>储蓄</th>
</tr>
<tr>
<td>一月</td>
<td>$100</td>
</tr>
<tr>
<td>二月</td>
<td>50 美元</td>
</tr>
</table>
自己动手试一试 »
注意： <caption> 标签应插入在 <table> 标签之后。
