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