HTML <table> 標(biāo)簽

2022-06-01 15:55 更新

<table> 標(biāo)簽用來定義 HTML 表格,一個簡單的 HTML 表格應(yīng)該包括兩行兩列,如下述示例所示:

實(shí)例

一個簡單的 HTML 表格,包含兩列兩行:

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

嘗試一下 ?
(更多實(shí)例見頁面底部)

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <table> 標(biāo)簽。


標(biāo)簽定義及使用說明

<table> 標(biāo)簽定義 HTML 表格。

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

<tr> 元素定義表格行,<th> 元素定義表頭,<td> 元素定義表格單元。

更復(fù)雜的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。


HTML 4.01 與 HTML5之間的差異

在 HTML5 中,僅支持 "border" 屬性,并且只允許使用值 "1" 或 ""。


屬性

屬性 描述
align left
center
right
HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表格相對周圍元素的對齊方式。
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定表格的背景顏色。
border 1
""
規(guī)定表格單元是否擁有邊框。
cellpadding pixels HTML5 不支持。規(guī)定單元邊沿與其內(nèi)容之間的空白。
cellspacing pixels HTML5 不支持。規(guī)定單元格之間的空白。
frame void
above
below
hsides
lhs
rhs
vsides
box
border
HTML5 不支持。規(guī)定外側(cè)邊框的哪個部分是可見的。
rules none
groups
rows
cols
all
HTML5 不支持。規(guī)定內(nèi)側(cè)邊框的哪個部分是可見的。
summary text HTML5 不支持。規(guī)定表格的摘要。
width pixels
%
HTML5 不支持。規(guī)定表格的寬度。


全局屬性

<table> 標(biāo)簽支持 HTML 的全局屬性。


事件屬性

<table> 標(biāo)簽支持 HTML 的事件屬性


Examples

嘗試一下 - 實(shí)例

表格中的標(biāo)題
本例演示如何顯示表格標(biāo)題。

空單元格
本例演示如何使用 " " 處理沒有內(nèi)容的單元格。

帶有標(biāo)題的表格
本例演示一個帶標(biāo)題(caption)的表格。

表格內(nèi)的標(biāo)簽
本例演示如何在其他的元素內(nèi)顯示元素。

跨行或跨列的表格單元格
本例演示如何定義跨行或跨列的表格單元格。


相關(guān)文章

HTML 教程:HTML 表格

HTML DOM 參考手冊:Table 對象


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號