實(shí)例
一個(gè)簡(jiǎn)單的 HTML 表格,帶有兩個(gè)表頭單元格和兩個(gè)數(shù)據(jù)單元格:
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
嘗試一下 ?
(更多實(shí)例見(jiàn)頁(yè)面底部)
瀏覽器支持
所有主流瀏覽器都支持 <th> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<th> 標(biāo)簽定義 HTML 表格中的表頭單元格。
HTML 表格有兩種單元格類型:
- 表頭單元格 - 包含頭部信息(由 <th> 元素創(chuàng)建)
- 標(biāo)準(zhǔn)單元格 - 包含數(shù)據(jù)(由 <td> 元素創(chuàng)建)
<th> 元素中的文本通常呈現(xiàn)為粗體并且居中。
<td> 元素中的文本通常是普通的左對(duì)齊文本。
提示和注釋
提示:如果需要將內(nèi)容橫跨多個(gè)行或列,請(qǐng)使用 colspan 和 rowspan 屬性!
HTML 4.01 與 HTML5之間的差異
HTML 5 中不再支持 HTML 4.01 中的某些屬性。
屬性
屬性 | 值 | 描述 |
---|---|---|
abbr | text | HTML5 不支持。 規(guī)定表頭單元格中內(nèi)容的縮寫版本。 |
align | left right center justify char | HTML5 不支持。 規(guī)定表頭單元格內(nèi)容的水平對(duì)齊方式。 |
axis | category_name | HTML5 不支持。 對(duì)表頭單元格進(jìn)行分類。 |
bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表頭單元格的背景顏色。 |
char | character | HTML5 不支持。 規(guī)定根據(jù)哪個(gè)字符來(lái)進(jìn)行內(nèi)容的對(duì)齊。 |
charoff | number | HTML5 不支持。 規(guī)定對(duì)齊字符的偏移量。 |
colspan | number | 規(guī)定表頭單元格可橫跨的列數(shù)。 |
headers | header_id | 規(guī)定與表頭單元格相關(guān)聯(lián)的一個(gè)或多個(gè)表頭單元格。 |
height | pixels % | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表頭單元格的高度。 |
nowrap | nowrap | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表頭單元格中的內(nèi)容是否折行。 |
rowspan | number | 規(guī)定表頭單元格可橫跨的行數(shù)。 |
scope | col colgroup row rowgroup | 規(guī)定表頭單元格是否是行、列、行組或列組的頭部。 |
valign | top middle bottom baseline | HTML5 不支持。 規(guī)定表頭單元格內(nèi)容的垂直排列方式。 |
width | pixels % | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表頭單元格的寬度。 |
全局屬性
<th> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<th> 標(biāo)簽支持所有 HTML 的事件屬性。
嘗試一下 - 實(shí)例
表格中的標(biāo)題
本例演示如何顯示表格標(biāo)題。
空單元格
本例演示如何使用 " " 處理沒(méi)有內(nèi)容的單元格。
帶有標(biāo)題的表格
本例演示一個(gè)帶標(biāo)題(caption)的表格。
表格內(nèi)的標(biāo)簽
本例演示如何在其他的元素內(nèi)顯示元素。
跨行或跨列的表格單元格
本例演示如何定義跨行或跨列的表格單元格。
相關(guān)文章
HTML 教程:HTML 表格
HTML DOM 參考手冊(cè):Th 對(duì)象
更多建議: