最新的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;
}