HTML教程-HTML<th>标签

在HTML表格中，有两种类型的单元格：

表头单元格 - 包含表头信息（使用<th>元素创建）
数据单元格 - 包含表格的主要数据（使用<td>元素创建）

HTML <th>标签用于定义HTML表格的表头单元格。默认情况下，表头单元格在浏览器上呈现为粗体且居中对齐，但可以使用CSS属性更改其默认样式。

<th>标签必须作为<table>元素内的<tr>元素的子元素使用。表格的大小会根据内容大小自动调整。

语法

<th>Content.......</th>

以下是关于HTML <th>标签的一些规范

显示	None
开始标签/结束标签	开始和结束标签
用法	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>

属性:

特定于标签的属性:

属性	值	描述
abbr	文本	它定义表头单元格内容的缩写版本。(HTML5中不支持)
align	left right center justify char	它指定表头单元格内容的对齐方式。(HTML5中不支持)
axis	category_name	它对表头单元格进行分类。(HTML5中不支持)
bgcolor	rgb(x,x,x) #xxxxxx Color_name	它设置表头单元格的背景颜色。(HTML5中不支持)
char	字符	它指定表头单元格内容相对于字符的对齐方式。(HTML5中不支持)
charoff	数字	它指定表头单元格内容相对于char属性指定的字符的对齐位置。(HTML5中不支持)
colspan	数字	它确定表头单元格应跨越的列数。
headers	header_id	它确定一个由空格分隔的表头单元格列表，其中包含单元格的相关信息。
height	% 像素	它确定表头单元格的高度。(HTML5中不支持)
nowrap	nowrap	如果设置，则表头单元格内的内容不换行。(HTML5中不支持)
rowspan	数字	它确定单元格应跨越的行数。
scope	col colgroup row rowgroup	它指定表头元素所关联的单元格。(HTML5中不支持)
valign	top middle bottom baseline	它确定单元格内容的垂直对齐方式。(HTML5中不支持)
width	% 像素	它确定表头单元格的宽度。(HTML5中不支持)

全局属性:

<th>标签支持HTML中的全局属性。

事件属性:

<th>标签支持HTML中的事件属性。

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
`<th>`	是	是	是	是	是

HTML教程-HTML<th>标签

语法

示例

属性:

特定于标签的属性:

全局属性:

事件属性:

支持的浏览器

推荐文章

其它