例
一个简单的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;
}