HTML <table> 標籤
實例
一個簡單的HTML 表格,包含兩列兩行:
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
嘗試一下»
(更多實例見頁面底部)
瀏覽器支持
所有主流瀏覽器都支持<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的事件屬性 。
嘗試一下- 實例
表格中的標題
本例演示如何顯示表格標題。
空單元格
本例演示如何使用" " 處理沒有內容的單元格。
帶有標題的表格
本例演示一個帶標題(caption)的表格。
表格內的標籤
本例演示如何在其他的元素內顯示元素。
跨行或跨列的表格單元格
本例演示如何定義跨行或跨列的表格單元格。
相關文章
HTML教程: HTML表格
HTML DOM參考手冊: Table對象