Latest web development tutorials

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對象