一個簡單的 HTML 表格,帶有兩個單元格:
<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
(更多執行個體見頁面底部)
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIml2ZuUWafVGbilGdhBXbvN2LcNXZnFWbp9CXt92YuI2bv5Wdy5yd3d3Lc9CX6MHc0RHaiojIsJye.gif)
所有主流浏覽器都支援 <td> 标簽。
<td> 标簽定義 HTML 表格中的标準單元格。
HTML 表格有兩種單元格類型:
表頭單元格 - 包含頭部資訊(由 <th> 元素建立)
标準單元格 - 包含資料(由 <td> 元素建立)
<th> 元素中的文本通常呈現為粗體并且居中。
<td> 元素中的文本通常是普通的左對齊文本。
<b>提示:</b>如果需要将内容橫跨多個行或列,請使用 colspan 和 rowspan 屬性!
HTML 5 中不再支援 HTML 4.01 中的某些屬性。
屬性
值
描述
abbr
text
HTML5 不支援。規定單元格中内容的縮寫版本。
align
left
right
center
justify
char
HTML5 不支援。規定單元格内容的水準對齊方式。
axis
category_name
HTML5 不支援。對單元格進行分類。
bgcolor
rgb(x,x,x)
#xxxxxx
colorname
HTML5 不支援。HTML 4.01 已廢棄。
規定單元格的背景顔色。
character
HTML5 不支援。規定根據哪個字元來進行内容的對齊。
charoff
number
HTML5 不支援。規定對齊字元的偏移量。
colspan
規定單元格可橫跨的列數。
headers
header_id
規定與單元格相關聯的一個或多個表頭單元格。
height
pixels
%
設定單元格的高度。
nowrap
規定單元格中的内容是否折行。
rowspan
設定單元格可縱跨的行數。
scope
col
colgroup
row
rowgroup
HTML5 不支援。定義将表頭單元格與資料單元格相關聯的方法。
valign
top
middle
bottom
baseline
HTML5 不支援。規定單元格内容的垂直排列方式。
width
規定單元格的寬度。
<td> 标簽支援 HTML 的全局屬性。
<td> 标簽支援 HTML 的事件屬性。
表格中的标題
本例示範如何顯示表格标題。
空單元格
本例示範如何使用 "&nbsp;" 處理沒有内容的單元格。
帶有标題的表格
本例示範一個帶标題(caption)的表格。
表格内的标簽
本例示範如何在其他的元素内顯示元素。
跨行或跨列的表格單元格
本例示範如何定義跨行或跨列的表格單元格。
HTML 教程:HTML 表格
HTML DOM 參考手冊:
Td 對象