html <table> 標簽定義 html 表格 一個 HTML 表格包括 <table> 元素,一個或多個 <tr> 、 <th> 以及 <td> 元素 <tr> 元素定義表格行 <th> 元素定義表頭 <td> 元素定義表格單元
更復雜的 HTML 表格也可能包括 <caption> 、<col> 、<colgroup> 、<thead> 、<tfoot> 以及 <tbody> 元素 屬性屬性 | 值 | 描述 |
---|
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 不支持 設置表格的寬度 |
范例一個簡單的 HTML 表格,包含兩列兩行 <table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table> 范例列表鏈接 | 描述 |
---|
表格中的標題 | 如何顯示表格標題 | 空單元格 | 如何使用 " " 處理沒有內容的單元格 | 帶有標題的表格 | 一個帶標題(caption)的表格 | 表格內的標簽 | 如何在其他的元素內顯示元素 | 跨行或跨列的表格單元格 | 如何定義跨行或跨列的表格單元格 |
HTML 4.01 與 HTML5之間的差異在 HTML5 中,僅支持 "border" 屬性,并且只允許使用值 "1" 或 "" |