HTML:
在线示例
两个 HTML 表格演示:
示例html>
HTML table标签的使用(基础教程网 nhooo.com)Item | Amount |
---|---|
Bananas | $5 |
Oranges | $17 |
The table header
The table bodywith two columns测试看看 ‹/›
浏览器兼容性
IEFirefoxOperaChromeSafari
所有主流浏览器都支持
标签定义及使用说明
一个 HTML 表格包括
以及 | 元素。 |
---|---|
元素定义表头, | 元素定义表格单元。 更复杂的 HTML 表格也可能包括 |
HTML 4.01 与 HTML5之间的差异
在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""。
属性属性值描述
left
center
rightHTML5 不支持。HTML 4.01 已废弃。
规定表格相对周围元素的对齐方式。
rgb(x,x,x)
#xxxxxx
colornameHTML5 不支持。HTML 4.01 已废弃。
规定表格的背景颜色。
1
""规定表格单元是否拥有边框。
pixelsHTML5 不支持。规定单元边沿与其内容之间的空白。
pixelsHTML5 不支持。规定单元格之间的空白。
void
above
below
hsides
lhs
rhs
vsides
box
borderHTML5 不支持。规定外侧边框的哪个部分是可见的。
none
groups
rows
cols
allHTML5 不支持。规定内侧边框的哪个部分是可见的。
textHTML5 不支持。规定表格的摘要。
pixels
%HTML5 不支持。规定表格的宽度。
全局属性
事件属性
更多在线示例
没有边框的表格
本示例演示一个没有边框的表格。
带有标题的表格
本示例演示一个带标题 (caption) 的表格
跨行或跨列的表格单元格
本示例演示如何定义跨行或跨列的表格单元格。
表格内的标签
本示例演示如何显示在不同的元素内显示元素。
单元格边距(Cell padding)
本示例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。
单元格间距(Cell spacing)
本示例演示如何使用 Cell spacing 增加单元格之间的距离。
相关文章
HTML 教程:HTML 表格
HTML DOM 参考手册:Table 对象