HTML <table> 标签


实例

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

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

测验一下 »
(更多实例见页面底部)

浏览器支撑

Internet ExplorerFirefoxOperaGoogle ChromeSafari

一切干流浏览器都支撑 <table> 标签。


标签界说及运用说明

<table> 标签界说 HTML 表格

一个 HTML 表格包含 <table> 元素,一个或多个 <tr><th> 以及 <td> 元素。

<tr> 元素界说表格行,<th> 元素界说表头,<td> 元素界说表格单元。

更杂乱的 HTML 表格也或许包含 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。


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 不支撑。规则表格的宽度。


大局特点

<table> 标签支撑 HTML 的大局特点


事情特点

<table> 标签支撑 HTML 的事情特点


Examples

测验一下 - 实例

表格中的标题
本例演示怎么显现表格标题。

空单元格
本例演示怎么运用 "&nbsp;" 处理没有内容的单元格。

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

表格内的标签
本例演示怎么在其他的元素内显现元素。

跨行或跨列的表格单元格
本例演示怎么界说跨行或跨列的表格单元格。


相关文章

HTML 教程:HTML 表格

HTML DOM 参考手册:Table 目标