HTML <table> 标签


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

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

浏览器支持

Internet Explorer, Firefox, Opera, Google Chrome, Safari

所有主流浏览器都支持 <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
""  HTML5 不支持。规定表格单元是否拥有边框。
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 不支持。规定表格的宽度。


原文链接:https://codingdict.com/