HTML 表格标题
HTML 表格可以为每一列或每一行，或为多列/多行设置标题。
| EMIL | TOBIAS | LINUS |
|---|---|---|
| 8:00 | ||
|---|---|---|
| 9:00 | ||
| 10:00 | ||
| 11:00 | ||
| 12:00 | ||
| 13:00 |
| MON | TUE | WED | THU | FRI | |
|---|---|---|---|---|---|
| 8:00 | |||||
| 9:00 | |||||
| 10:00 | |||||
| 11:00 | |||||
| 12:00 |
| DECEMBER | ||
|---|---|---|
HTML 表格标题
表格标题由 th 元素定义。每个 th 元素代表一个表格单元格。
例子
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</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>Firstname</th>
<td>Jill</td>
<td>Eve</td>
</tr>
<tr>
<th>Lastname</th>
<td>Smith</td>
<td>Jackson</td>
</tr>
<tr>
<th>Age</th>
<td>94</td>
<td>50</td>
</tr>
</table>
自己试试 »
对齐表格标题
默认情况下，表格标题为粗体并居中
| Firstname | Lastname | Age |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
要将表格标题左对齐，请使用 CSS text-align 属性
多列标题
您可以拥有跨越两列或多列的标题。
| Name | Age | |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
为此，请在 <th> 元素上使用 colspan 属性
例子
<table>
<tr>
<th colspan="2">Name</th>
<th>Age</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 的信息。
表格标题
您可以添加一个用作整个表格标题的标题。
| 月份 | 储蓄 |
|---|---|
| 一月 | $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> 标签之后。
