在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中不支持)
alignleft right center justify char它指定表头单元格内容的对齐方式。(HTML5中不支持)
axiscategory_name它对表头单元格进行分类。(HTML5中不支持)
bgcolorrgb(x,x,x) #xxxxxx Color_name它设置表头单元格的背景颜色。(HTML5中不支持)
char字符它指定表头单元格内容相对于字符的对齐方式。(HTML5中不支持)
charoff数字它指定表头单元格内容相对于char属性指定的字符的对齐位置。(HTML5中不支持)
colspan数字它确定表头单元格应跨越的列数。
headersheader_id它确定一个由空格分隔的表头单元格列表,其中包含单元格的相关信息。
height% 像素它确定表头单元格的高度。(HTML5中不支持)
nowrapnowrap如果设置,则表头单元格内的内容不换行。(HTML5中不支持)
rowspan数字它确定单元格应跨越的行数。
scopecol colgroup row rowgroup它指定表头元素所关联的单元格。(HTML5中不支持)
valigntop middle bottom baseline它确定单元格内容的垂直对齐方式。(HTML5中不支持)
width% 像素它确定表头单元格的宽度。(HTML5中不支持)

全局属性:

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

事件属性:

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

支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<th>

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML面试题, HTML笔试题, HTML编程思想