html的table 菜鸟,HTML table 标签 | 菜鸟教程

HTML

实例

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

Month Savings
January $100

尝试一下 »

(更多实例见页面底部)

浏览器支持

63544b809acebb51d77d1bf23f456fbc.gif

6d2d5d182dbf96a0c8043db8c5f7c050.gif

dd31bfba42f9fdc1fa6451b5e150b4a1.gif

24868c1cae44da714bfd2a64d7bf51c9.gif

b4969f4f69bc0151e3faac94548a3420.gif

所有主流浏览器都支持

标签定义及使用说明

一个 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 不支持。规定表格的宽度。

全局属性

事件属性

toilet-paper-1.svg

尝试一下 – 实例

表格中的标题

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

空单元格

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

带有标题的表格

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

表格内的标签

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

跨行或跨列的表格单元格

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

相关文章

HTML 教程:HTML 表格

HTML DOM 参考手册:Table 对象

Published by

风君子

独自遨游何稽首 揭天掀地慰生平