HTML th标签

本文概述

在HTML表中, 有两种类型的单元格:

  • 标题单元格-包含标题信息(使用<th>元素创建)
  • 数据单元格-包含表的主要数据(使用<td>元素创建)。

HTML <th>标记用于定义HTML表的标题单元格。标题单元格默认显示为粗体并且在浏览器中居中, 但是你可以使用CSS属性更改其默认样式。

<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>

立即测试

输出:

HTML th标签

属性

特定于标签的属性:

属性 描述
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
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?