本文概述
- 属性
- 支持的浏览器
- 标题单元格-包含标题信息(使用< th> 元素创建)
- 数据单元格-包含表的主要数据(使用< td> 元素创建)。
< th> 标记必须用作< table> 元素中< tr> 元素的子元素。表格的大小可以根据内容大小自动调整。
句法
<
th>
Content....... <
/th>
以下是有关HTML < th> 标记的一些规范
Display | None |
开始日期/结束日期 | 开始和结束标签 |
Usage | HTML Tables |
<
!DOCTYPE html>
<
html>
<
head>
<
title>
HTML th Tag<
/title>
<
style>
table{border-collapse: collapse;
width: 70%;
}th, td{background-color: #528b8b;
padding: 10px;
}<
/style>
<
/head>
<
body>
<
h2>
Example of th tag<
/h2>
<
table border="1">
<
tr>
<
th>
Month<
/th>
<
th>
Date<
/th>
<
/tr>
<
tr>
<
td>
January<
/td>
<
td>
20.01.2018<
/td>
<
/tr>
<
tr>
<
td>
February<
/td>
<
td>
01.02.2018<
/td>
<
/tr>
<
tr>
<
td>
March<
/td>
<
td>
15.03.2018<
/td>
<
/tr>
<
/table>
<
/body>
<
/html>
立即测试
输出:
文章图片
属性 特定于标签的属性:
属性 | 值 | 描述 |
---|---|---|
abbr | text | 它定义了标题单元格内容的缩写形式。 (HTML5不支持) |
align | 左右中对齐字符 | 它指定标题单元格内容的对齐方式。 (HTML5不支持) |
axis | category_name | It Categorizes header Cells(Not Supported in HTML5) |
bgcolor | rgb(x, x, x)#xxxxxx颜色名称 | 它设置标题单元格的背景颜色。 (HTML5不支持) |
char | character | 它指定标题单元格的内容与字符的对齐方式。 (HTML5不支持) |
charoff | number | 它指定将从char属性指定的字符开始对齐标题单元格内容的字符数。 (HTML5不支持) |
colspan | number | 它确定标题单元格应该跨越的列数。 |
headers | header_id | 它确定以空格分隔的标头单元列表, 该列表包含与单元相关的信息。 |
height | % pixels |
它确定表标题单元格的高度。 (HTML5不支持) |
nowrap | nowrap | 如果设置, 则标题单元格内的内容不应换行。 (HTML5不支持) |
rowspan | number | 它确定一个单元格应该跨越的行数。 |
scope | col colgroup行rowgroup | 它指定标头元素相关的单元格。 (HTML5不支持) |
valign | 上中下基线 | 它确定单元格内容的垂直对齐方式。 (HTML5不支持) |
width | % 像素 | 它确定标题单元格的宽度。(HTML5不支持) |
< th> 标记支持HTML中的Global属性。
事件属性:
< th> 标记支持HTML中的Event属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
< th> | Yes | Yes | Yes | Yes | Yes |