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> 標籤之後。
