当前位置: 首页 > 网络学院 > 网页制作基础教程 > HTML > HTML <table>标签
The <table> tag defines a table. Inside a <table> tag you can put table headers, table rows, table cells, and other tables.
<table>标签可用来定义表格。在<table>标签内你可以放表格的标题,表格行,表格单元以及其他的表格。
The "align" and "bgcolor" attributes of the table element were deprecated in HTML 4.01.
在HTML4.01中table元素的"align"和"bgcolor"属性不推荐使用
The "align" and "bgcolor" attributes of the table element are not supported in XHTML 1.0 Strict DTD.
XHTML1.0严密型DTD将不支持table元素的"align"和"bgcolor"属性
代码 | 输出结果 | ||
---|---|---|---|
<table border = "1"> <tr> <td>Cell A</td> <td>Cell B</td> </tr> </table> |
|
DTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.
下表中的DTD列指明了被支持的DTD属性。S=Strict(精确的),T=Transitional(传统的),F=Frameset(框架)
属性 | 值 | 描述 | DTD |
---|---|---|---|
align | left center right | Aligns the table. Deprecated. Use styles instead. 表格的对齐。[不推荐]请使用样式 | TF |
bgcolor | rgb(x,x,x) #xxxxxx colorname | Specifies the background color of the table. Deprecated. Use styles instead. 指定表格的背景颜色[不推荐]请使用样式 | TF |
border | pixels | Specifies the border width. 指定边框的宽度 Tip: Set border="0" to display tables with no borders! | STF |
cellpadding | pixels % | Specifies the space between the cell walls and contents 指定单元格到文字间的距离 | STF |
cellspacing | pixels % | Specifies the space between cells 指定单元格与单元格之间的间隙 | STF |
frame | void above below hsides lhs rhs vsides box border | Specifies how the outer borders should be displayed. 指定向外的边框应该如何显示 Note: Must be used in conjunction with the "border" attribute! | STF |
rules | none groups rows cols all | Specifies the horizontal/vertical divider lines. 指定水平/垂直分隔线 Note: Must be used in conjunction with the "border" attribute! | STF |
summary | text | Specifies a summary of the table for speech-synthesizing/non-visual browsers 为非可视浏览器提供阅读摘要 | STF |
width | % pixels | Specifies the width of the table 指定表格的宽度 | STF |
id, class, title, style, dir, lang, xml:lang |
For a full description, go to Standard Attributes.
查看完整的属性
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup |
For a full description, go to Event Attributes.
查看完整的属性
Tables
How to create tables in an HTML document.
在HTML中建立表格
Table borders
Different table borders.
定义表格的边框
Table with no borders
A table with no borders.
一个没有边框的表格
Headings in a table
How to display table headers.
显示表格的标题
Empty cells
How to use " " to handle cells that have no content.
如何使用" "来处理没有内容的单元格
Table with a caption
A table with a caption.
带有标题的表格
Table cells that span more than one row/column
How to define table cells that span more than one row or one column.
如何定义一个带有多行或多列跨度的表格
Tags inside a table
How to display elements inside other elements.
如何在另外的元素的里面显示元素
Cell padding
How to use cellpadding to create more white space between the cell content and its borders.
如何使用使用cellpadding来增加单元格到文字间的距离
Cell spacing
How to use cellspacing to increase the distance between the cells.
如何使用cellpacing来增加单元格之间的距离
Add a background color or a background image to a table
How to add a background to a table.
如何给表格加上背景
Add a background color or a background image to a table cell
How to add a background to one or more table cells.
如何为表格单元格加上一个或多个背景
Align the content in a table cell
How to use the "align" attribute to align the content of cells.
如何使用"align"属性来对齐单元格里的文字
The frame attribute
How to use the "frame" attribute to control the borders around the table.
怎样使用"frame"属性来控制表格周围的边框