閱讀(92k) 書(shū)簽贊(4) 我要糾錯(cuò)

HTML5 <table> 標(biāo)簽

2022-05-23 15:06 更新

實(shí)例

HTML5 <table>標(biāo)簽用于定義文檔中的表格。請(qǐng)參考下述示例：

一個(gè)簡(jiǎn)單的 HTML 表格，包含兩列兩行：

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

嘗試一下 ?
（更多實(shí)例見(jiàn)頁(yè)面底部）

Internet Explorer Firefox Opera Google Chrome Safari

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

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

一個(gè) HTML 表格包括 <table> 元素，一個(gè)或多個(gè) <tr>、<th> 以及 <td> 元素。

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

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

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

屬性	值	描述
align	left center right	HTML5 不支持。HTML 4.01 已廢棄。規(guī)定表格相對(duì)周?chē)氐膶?duì)齊方式。
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è)邊框的哪個(gè)部分是可見(jiàn)的。
rules	none groups rows cols all	HTML5 不支持。規(guī)定內(nèi)側(cè)邊框的哪個(gè)部分是可見(jiàn)的。
summary	text	HTML5 不支持。規(guī)定表格的摘要。
width	pixels %	HTML5 不支持。規(guī)定表格的寬度。

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

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

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

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

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

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

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