实例
html>
html教程(html.cn)Month | Savings |
---|---|
January | $100 |
February | $80 |
运行实例 »
点击 "运行实例" 按钮查看在线实例
浏览器支持
所有主流浏览器都支持
标签定义及使用说明
一个 HTML 表格包括
以及 | 元素。 |
---|---|
元素定义表头, | 元素定义表格单元。 更复杂的 HTML 表格也可能包括 |
HTML 4.01 与 HTML5之间的差异
在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""。
属性
属性
值
描述
align
left
center
right
HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。
bgcolor
rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。
border
1
""
规定表格单元是否拥有边框。
cellpadding
pixels
HTML5 不支持。规定单元边沿与其内容之间的空白。
cellspacing
pixels
HTML5 不支持。规定单元格之间的空白。
frame
void
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。规定外侧边框的哪个部分是可见的。
rules
none
groups
rows
cols
all
HTML5 不支持。规定内侧边框的哪个部分是可见的。
summary
text
HTML5 不支持。规定表格的摘要。
width
pixels
%
HTML5 不支持。规定表格的宽度。
全局属性
事件属性
实例
html>
html教程(html.cn)表格使用水平标题:
Name | Telephone |
---|---|
Bill Gates | 555 77 854 |
表格使用垂直标题:
First Name: | Bill Gates |
---|---|
Telephone: | 555 77 854 |
运行实例 »
点击 "运行实例" 按钮查看在线实例
本例演示如何显示表格标题。
实例
html>
一些文本 | 一些文本 |
一些文本 |
如果在上面的空单元格中没有边框,你可以插入一个空格 :
运行实例 »
点击 "运行实例" 按钮查看在线实例
本例演示如何使用 " " 处理没有内容的单元格。
实例
html>
html(html.cn)Month | Savings |
---|---|
January | $100 |
February | $50 |
运行实例 »
点击 "运行实例" 按钮查看在线实例
本例演示一个带标题(caption)的表格。
实例
html>
html教程(html.cn)这是一个段落 这是另一个段落 | 这个单元格包含一个表格:
| ||||
这个单元格包含一个列表
| HELLO |
运行实例 »
点击 "运行实例" 按钮查看在线实例
本例演示如何在其他的元素内显示元素。
实例
html>
html教程(html.cn)单元格跨两格:
Name | Telephone | |
---|---|---|
Bill Gates | 555 77 854 | 555 77 855 |
单元格跨两列:
First Name: | Bill Gates |
---|---|
Telephone: | 555 77 854 |
555 77 855 |
运行实例 »
点击 "运行实例" 按钮查看在线实例
本例演示如何定义跨行或跨列的表格单元格。
实例
html>
html教程(html.cn)Month | Savings |
---|---|
January | $100 |
February | $80 |
运行实例 »
点击 "运行实例" 按钮查看在线实例
浏览器支持
所有主流浏览器都支持
标签定义及使用说明
一个 HTML 表格包括
以及 | 元素。 |
---|---|
元素定义表头, | 元素定义表格单元。 更复杂的 HTML 表格也可能包括 |
HTML 4.01 与 HTML5之间的差异
在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""。
属性
属性
值
描述
align
left
center
right
HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。
bgcolor
rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。
border
1
""
规定表格单元是否拥有边框。
cellpadding
pixels
HTML5 不支持。规定单元边沿与其内容之间的空白。
cellspacing
pixels
HTML5 不支持。规定单元格之间的空白。
frame
void
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。规定外侧边框的哪个部分是可见的。
rules
none
groups
rows
cols
all
HTML5 不支持。规定内侧边框的哪个部分是可见的。
summary
text
HTML5 不支持。规定表格的摘要。
width
pixels
%
HTML5 不支持。规定表格的宽度。
全局属性
事件属性
实例
html>
html教程(html.cn)表格使用水平标题:
Name | Telephone |
---|---|
Bill Gates | 555 77 854 |
表格使用垂直标题:
First Name: | Bill Gates |
---|---|
Telephone: | 555 77 854 |
运行实例 »
点击 "运行实例" 按钮查看在线实例
本例演示如何显示表格标题。
实例
html>
一些文本 | 一些文本 |
一些文本 |
如果在上面的空单元格中没有边框,你可以插入一个空格 :
运行实例 »
点击 "运行实例" 按钮查看在线实例
本例演示如何使用 " " 处理没有内容的单元格。
实例
html>
html(html.cn)Month | Savings |
---|---|
January | $100 |
February | $50 |
运行实例 »
点击 "运行实例" 按钮查看在线实例
本例演示一个带标题(caption)的表格。
实例
html>
html教程(html.cn)这是一个段落 这是另一个段落 | 这个单元格包含一个表格:
| ||||
这个单元格包含一个列表
| HELLO |
运行实例 »
点击 "运行实例" 按钮查看在线实例
本例演示如何在其他的元素内显示元素。
实例
html>
html教程(html.cn)单元格跨两格:
Name | Telephone | |
---|---|---|
Bill Gates | 555 77 854 | 555 77 855 |
单元格跨两列:
First Name: | Bill Gates |
---|---|
Telephone: | 555 77 854 |
555 77 855 |
运行实例 »
点击 "运行实例" 按钮查看在线实例
本例演示如何定义跨行或跨列的表格单元格。