HTML <th>用法及代码示例

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

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

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

<th> 标签必须用作 <table> 元素中 <tr> 元素的子元素。根据内容大小，表的大小为 auto-adjustable。

用法

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

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

Display	None
开始标签/结束标签	开始和结束标签
Usage	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>

输出：

属性：

Tag-specific 属性：

属性	值	描述
abbr	text	它定义了标题单元格内容的缩写版本。 (HTML5 不支持)
align	剩下正确的中央证明烧焦	它指定标题单元格内容的对齐方式。 (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	％像素	它确定表格标题单元格的高度。 (HTML5 不支持)
nowrap	nowrap	如果设置，则标题单元格内的内容不应换行。 (HTML5 不支持)
rowspan	number	它决定了一个单元格应该跨越的行数。
scope	上校组行行组	它指定与标题元素相关的单元格。 (HTML5 不支持)
valign	最佳中间底部基线	它确定单元格内容的垂直对齐方式。 (HTML5 不支持)
width	％像素	它确定标题单元格的宽度。(HTML5 不支持)

全局属性：

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

事件属性：

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

支持浏览器

Element	Chrome	IE	Firefox	Opera	Safari
<th>	Yes	Yes	Yes	Yes	Yes

相关用法

注：本文由纯净天空筛选整理自 HTML <th> tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。