html单元格 菜鸟,HTML <table> 标签 | 菜鸟教程

HTML

实例

一个简单的 HTML 表格,包含两列两行:

MonthSavings
January$100

尝试一下 »

(更多实例见页面底部)

浏览器支持

508d31a620c8608754f8a1e09800e40c.png

9d0de8e86ec28be885059c01c5f7458d.png

4a832ecb91114093e73713ef5c95f6f3.png

bc88fbb1ff56af0f5fbe5f6939a558bd.png

780a054594e0b9f14b53150d2bd6e21c.png

所有主流浏览器都支持

标签定义及使用说明

一个 HTML 表格包括

以及 元素。
元素定义表头, 元素定义表格单元。

更复杂的 HTML 表格也可能包括

HTML 4.01 与 HTML5之间的差异

在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""。

属性

属性

描述

left

center

right

HTML5 不支持。HTML 4.01 已废弃。

规定表格相对周围元素的对齐方式。

rgb(x,x,x)

#xxxxxx

colorname

HTML5 不支持。HTML 4.01 已废弃。

规定表格的背景颜色。

1

""

规定表格单元是否拥有边框。

pixels

HTML5 不支持。规定单元边沿与其内容之间的空白。

pixels

HTML5 不支持。规定单元格之间的空白。

void

above

below

hsides

lhs

rhs

vsides

box

border

HTML5 不支持。规定外侧边框的哪个部分是可见的。

none

groups

rows

cols

all

HTML5 不支持。规定内侧边框的哪个部分是可见的。

text

HTML5 不支持。规定表格的摘要。

pixels

%

HTML5 不支持。规定表格的宽度。

全局属性

事件属性

e93aaee1ab6f376efed41c3f188b729e.png

尝试一下 - 实例

表格中的标题

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

空单元格

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

带有标题的表格

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

表格内的标签

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

跨行或跨列的表格单元格

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

相关文章

HTML 教程:HTML 表格

HTML DOM 参考手册:Table 对象

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值