例
一個簡單的HTML表,兩個頭單元和兩個數據單元:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
試一試» 更多“試一試”的例子。
定義和用法
在<th>標籤定義HTML表格標題單元格。
一個HTML表有兩種細胞:
- 標題單元格-包含頭部信息(與所創建<th>元素)
- 標準單元-包含數據(與創建<td>元素)
在文本中<th>元素大膽,默認情況下居中。
在文本中<td>元素是經常和左對齊默認情況下。
瀏覽器支持
元件 | |||||
---|---|---|---|---|---|
<th> | 是 | 是 | 是 | 是 | 是 |
提示和注意
提示:使用colspan和rowspan屬性讓內容跨越多個列或行!
HTML 4.01和HTML5之間的差異
所有的佈局屬性在HTML5中刪除。
屬性
屬性 | 值 | 描述 |
---|---|---|
abbr | text | 在標題單元格指定內容的縮寫版本 |
align | left right center justify char | 在HTML5不支持。 在對齊標題單元格內容 |
axis | category_name | 在HTML5不支持。 分類標題單元格 |
bgcolor | rgb(x,x,x) #xxxxxx colorname | 在HTML5不支持。 指定標題單元格的背景顏色 |
char | character | 在HTML5不支持。 在對齊標題單元格為一個字符的內容 |
charoff | number | 在HTML5不支持。 集的字符數的內容將從由指定的字符對齊char屬性 |
colspan | number | 指定頭單元格跨越的列數 |
headers | header_id | 指定一個或多個頭部細胞的細胞是有關 |
height | pixels % | 在HTML5不支持。 設置一個標題單元格的高度 |
nowrap | nowrap | 在HTML5不支持。 指定標題單元格中的內容不應該換行 |
rowspan | number | 指定行的標題單元格應跨越數 |
scope | col colgroup row rowgroup | 指定一個標題單元是否是列或行的一列,行標題,或一組 |
sorted | reversed number reversed number number reversed | 定義列的排序方向 |
valign | top middle bottom baseline | 在HTML5不支持。 垂直對齊在標題單元格內容 |
width | pixels % | 在HTML5不支持。 指定標題單元格的寬度 |
全局屬性
在<th>標籤支持全局屬性在HTML中 。
事件屬性
在<th>標籤支持的HTML事件屬性 。
試一試 - 示例
表頭
如何創建表頭。
表標題
一個HTML表的標題。
表中的標籤
如何顯示的其他元素的元素。
相關頁面
HTML教程: HTML表格
HTML DOM參考: TableHeader對象
CSS教程: 樣式表
默認設置CSS
大多數瀏覽器將顯示<th>與下面的默認值元素:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}