W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <table> 标签


Example

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

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
尝试一下 »

定义及用法

<table> 标签定义 HTML 表格。

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

<tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。

更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。


浏览器支持

元素
<table> Yes Yes Yes Yes Yes

HTML 4.01 与 HTML5之间的差异

HTML5中不支持“align”,“bgcolor”,“cellpadding”,“cellspacing”,“frame”,“rules”,“summary”和“width”属性。


属性

属性 描述
align left
center
right
HTML5 不支持。
规定表格相对周围元素的对齐方式
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。
规定表格的背景颜色
border 1
0
规定表格单元是否拥有边框
cellpadding pixels HTML5 不支持。
规定单元边沿与其内容之间的空白
cellspacing pixels HTML5 不支持。
规定单元格之间的空白
frame void
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。
规定外侧边框的哪个部分是可见的
rules none
groups
rows
cols
all
HTML5 不支持。
规定内侧边框的哪个部分是可见的
sortable sortable 指定表应该可排序
summary text HTML5 不支持。
规定表格的摘要
width pixels
%
HTML5 不支持。
规定表格的宽度

全局属性

<table> 标签支持 HTML全局属性


事件属性

<table> 标签支持 HTML事件属性


相关文章

HTML 教程:HTML 表格

HTML DOM 参考手册:Table 对象

CSS 教程:Styling 表格


默认CSS设置

大多数浏览器都以以下默认值的形式显示 <table> 元素:

Example

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}
尝试一下 »