html5 th左对齐,HTML5 教程之HTML <th> 标签

HTML 

 标签

实例

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

MonthSavings
January$100

尝试一下 »

(更多实例见页面底部)

浏览器支持

3fda79a12add4f2c79769a266c94f468.gif

b73a05629878fe6d32530c2e7be4701d.gif

89985b17d23d6891fe02c5fa34ea0538.gif

12679e7b6dab14e4bf3a0252f2ef1f30.gif

cda87af1ffeb3214e30ff8e31803559e.gif

所有主流浏览器都支持

标签。

标签定义及使用说明

标签定义 HTML 表格中的表头单元格。

HTML 表格有两种单元格类型:

表头单元格 - 包含头部信息(由

元素创建)

标准单元格 - 包含数据(由 

 元素创建) 元素中的文本通常呈现为粗体并且居中。 元素中的文本通常是普通的左对齐文本。

提示和注释

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

HTML 4.01 与 HTML5之间的差异

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

属性

属性

描述

abbr

text

HTML5 不支持。 规定表头单元格中内容的缩写版本。

align

left

right

center

justify

char

HTML5 不支持。 规定表头单元格内容的水平对齐方式。

axis

category_name

HTML5 不支持。 对表头单元格进行分类。

bgcolor

rgb(x,x,x)

#xxxxxx

colorname

HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的背景颜色。

char

character

HTML5 不支持。 规定根据哪个字符来进行内容的对齐。

charoff

number

HTML5 不支持。 规定对齐字符的偏移量。

colspan

number

规定表头单元格可横跨的列数。

headers

header_id

规定与表头单元格相关联的一个或多个表头单元格。

height

pixels

%

HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的高度。

nowrap

nowrap

HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格中的内容是否折行。

rowspan

number

规定表头单元格可横跨的行数。

scope

col

colgroup

row

rowgroup

规定表头单元格是否是行、列、行组或列组的头部。

valign

top

middle

bottom

baseline

HTML5 不支持。 规定表头单元格内容的垂直排列方式。

width

pixels

%

HTML5 不支持。HTML 4.01 已废弃。 规定表头单元格的宽度。

全局属性

标签支持 HTML 的全局属性。

事件属性

标签支持所有 HTML 的事件属性。

a4b5a83964cbfcff97c066d144cf869a.gif

尝试一下 - 实例

表格中的标题

本例演示如何显示表格标题。

空单元格

本例演示如何使用 " " 处理没有内容的单元格。

带有标题的表格

本例演示一个带标题(caption)的表格。

表格内的标签

本例演示如何在其他的元素内显示元素。

跨行或跨列的表格单元格

本例演示如何定义跨行或跨列的表格单元格。

相关文章

HTML 教程:HTML 表格

HTML DOM 参考手册: Th 对象

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值