閱讀(91.8k) 書簽贊(4) 我要糾錯

HTML5 <table> 標簽

2022-05-23 15:06 更新

實例

HTML5 <table>標簽用于定義文檔中的表格。請參考下述示例：

一個簡單的 HTML 表格，包含兩列兩行：

<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</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> 元素。

在 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> 標簽支持 HTML 的全局屬性。

<table> 標簽支持 HTML 的事件屬性。

表格中的標題
本例演示如何顯示表格標題。

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

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

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

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

HTML 教程：HTML 表格

HTML DOM 參考手冊：Table 對象

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充