当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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>

输出:

HTML th tag

属性:

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 属性。

支持浏览器

Elementchrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<th>YesYesYesYesYes




相关用法

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