HTML <th> 标签

html <th> 标签定义 HTML 表格中的表头单元格

HTML 表格有两种单元格类型

表头单元格 - 包含头部信息(由 <th> 元素创建)

标准单元格 - 包含数据(由 <td> 元素创建)

<th> 元素中的文本通常呈现为粗体并且居中

<td> 元素中的文本通常是普通的左对齐文本

如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性


属性

属性描述
abbrtextHTML5 不支持
设置表头单元格中内容的缩写版本
alignleft
right
center
justify
char
HTML5 不支持
设置表头单元格内容的水平对齐方式
axiscategory_nameHTML5 不支持
对表头单元格进行分类
bgcolorrgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持,HTML 4.01 已废弃
设置表头单元格的背景颜色
charcharacterHTML5 不支持
设置根据哪个字符来进行内容的对齐
charoffnumberHTML5 不支持
设置对齐字符的偏移量
colspannumber设置表头单元格可横跨的列数
headersheader_id设置与表头单元格相关联的一个或多个表头单元格
heightpixels
%
HTML5 不支持,HTML 4.01 已废弃
设置表头单元格的高度
nowrapnowrapHTML5 不支持,HTML 4.01 已废弃
设置表头单元格中的内容是否折行
rowspannumber设置表头单元格可横跨的行数
scopecol
colgroup
row
rowgroup
设置表头单元格是否是行、列、行组或列组的头部
valigntop
middle
bottom
baseline
HTML5 不支持
设置表头单元格内容的垂直排列方式
widthpixels
%
HTML5 不支持,HTML 4.01 已废弃
设置表头单元格的宽度

范例

一个简单的 HTML 表格,带有两个表头单元格和两个数据单元格

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>


HTML 4.01 与 HTML5 之间的差异

HTML 5 中不再支持 HTML 4.01 中的某些属性

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/3_169

目录选择