HTML <table> 标签
定义和用法
<table> 标签可定义表格。在 <table> 标签内部,你可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。
HTML 与 XHTML 之间的差异
在 HTML 4.01 中,table 元素的 "align" 和 "bgcolor" 属性是不被赞成使用的。
在 XHTML 1.0 Strict DTD,table 元素的 "align" 和 "bgcolor" 属性是不被支持的。
可选的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
属性 | 值 | 描述 | DTD |
---|---|---|---|
align |
|
排列表格。不赞成使用。请使用样式取而代之。 | TF |
bgcolor |
|
规定表格的背景颜色。不赞成使用。请使用样式取而代之。 | TF |
border | pixels |
规定表格边框的宽度。 提示:可通过设置 border="0" 来显示无边框的表格! |
STF |
cellpadding |
|
规定单元边沿与其内容之间的空白。 | STF |
cellspacing |
|
规定单元格之间的空白。 | STF |
frame |
|
规定表格周围的哪一侧的边框是可见的。 注释:"border" 属性可与 "frame" 属性配合使用,来规定边框的宽度! |
STF |
rules |
|
规定水平或垂直的分界线。 注释:必须与 "border" 属性配合使用! |
STF |
summary | text | 为语音合成/非视觉浏览器规定表格的摘要。 | STF |
width |
|
规定表格的宽度。 | STF |
事件属性
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
如需完整的描述,请访问事件属性。
TIY 实例
- 表格
- 这个例子演示如何在 HTML 文档中创建表格。
- 表格边框
- 本例演示各种类型的表格边框。
- 没有边框的表格
- 本例演示一个没有边框的表格。
- 表格中的标题(Headings)
- 本例演示如何显示表格标题。
- 空单元格
- 本例展示如何使用 " " 处理没有内容的单元格。
- 带有标题的表格
- 本例演示一个带标题 (caption) 的表格
- 跨行或跨列的表格单元格
- 本例演示如何定义跨行或跨列的表格单元格。
- 表格内的标签
- 本例演示如何在不同的元素内显示元素。
- 单元格填充(Cell padding)
- 本例演示如何使用单元格填充来创建单元格内容与其边框之间的空白。
- 单元格间距(Cell spacing)
- 本例演示如何使用单元格间距增加单元格之间的距离。
- 向表格添加背景颜色或背景图像
- 本例演示如何向表格添加背景
- 向表格单元添加背景颜色或者背景图像
- 本例演示如何向一个或者更多表格单元添加背景
- 在表格单元中排列内容
- 本例演示如何使用 "align" 属性排列单元格内容,以便创建一个美观的表格。
- 框架(frame)属性
- 本例演示如何使用 "frame" 属性来控制围绕表格的边框。