最新的Web開發教程
 

HTML <th> Tag


一個簡單的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>

提示和注意

提示:使用colspanrowspan屬性讓內容跨越多個列或行!


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
指定一個標題單元是否是列或行的一列,行標題,或一組
sortedreversed
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;
}