- 您好！欢迎来到鲲鹏知舟
HTML <th> 表格标题标签
在 HTML 表格中，有两种类型的单元格：
标题单元格- 它包含标题信息（使用 <th> 元素创建）
数据单元格- 它包含表格的主要数据（使用 <td> 元素创建）。
HTML <th> 标签用于定义 HTML 表格的标题单元格。标题单元格在浏览器上默认呈现为粗体并居中，但您可以使用 CSS 属性更改其默认样式。
<th> 标签必须用作 <table> 元素中 <tr> 元素的子元素。表格的大小可根据内容大小自动调整。
句法
<th>内容....... </th>
以下是关于 HTML <th> 标签的一些规范
| 展示 | 没有任何 |
| 开始标签/结束标签 | 开始和结束标签 |
| 用法 | HTML表格 |
例子
<!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>输出：
属性：
特定于标签的属性：
| 属性 | 价值 | 描述 |
|---|---|---|
| 缩写 | text | 它定义了标题单元格内容的缩写版本。（HTML5 不支持） |
| 对齐 | left right center justify char | 它指定标题单元格内容的对齐方式。（HTML5 不支持） |
| axis | category_name | 它对标题单元格进行分类（HTML5 不支持） |
| bgcolor | rgb(x,x,x) #xxxxxx Color_name | 它设置标题单元格的背景颜色。（HTML5 不支持） |
| char | character | 它指定标题单元格的内容与字符的对齐方式。（HTML5 不支持） |
| charoff | number | 它指定标题单元格内容将与 char 属性指定的字符对齐的字符数。（HTML5 不支持） |
| colspan | number | 它确定标题单元格应跨越的列数。 |
| headers | header_id | 它确定包含相关单元格信息的以空格分隔的标题单元格列表。 |
| height | % pixels | 它确定表格标题单元格的高度。（HTML5 不支持） |
| nowrap | nowrap | 如果设置，则标题单元格内的内容不应换行。（HTML5 不支持） |
| rowspan | number | 它决定了一个单元格应该跨越的行数。 |
| scope | col colgroup row rowgroup | 它指定与标题元素相关的单元格。（HTML5 不支持） |
| valign | top middle bottom baseline | 它确定单元格内容的垂直对齐方式。（HTML5 不支持） |
| width | % pixels | 它确定标题单元格的宽度。（HTML5 不支持） |
全局属性：
<th> 标签支持 HTML 中的 Global 属性。
事件属性：
<th> 标签支持 HTML 中的 Event 属性。
支持浏览器
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <th> | Yes | Yes | Yes | Yes | Yes |
-
使用社交账号登录,本站支持
全部评论(0)