HTML <td> 標籤


實例

一個簡單的 HTML 表格，帶有兩個單元格：

<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>


（更多實例見頁面底部）

流覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流流覽器都支持 <td> 標籤。

標籤定義及使用說明

<td> 標籤定義 HTML 表格中的標準單元格。

HTML 表格有兩種單元格類型：

  • 表頭單元格 - 包含頭部資訊（由 <th> 元素創建）
  • 標準單元格 - 包含數據（由 <td> 元素創建）

<th> 元素中的文本通常呈現為粗體並且居中。

<td> 元素中的文本通常是普通的左對齊文本。

提示和注釋

提示：如果需要將內容橫跨多個行或列，請使用 colspan 和 rowspan 屬性！

HTML 4.01 與 HTML5之間的差異

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 已廢棄。 規定單元格的背景顏色。
char character HTML5 不支持。規定根據哪個字元來進行內容的對齊。
charoff number HTML5 不支持。規定對齊字元的偏移量。
colspan number 規定單元格可橫跨的列數。
headers header_id 規定與單元格相關聯的一個或多個表頭單元格。
height pixels
%		 HTML5 不支持。HTML 4.01 已廢棄。
設置單元格的高度。
nowrap nowrap HTML5 不支持。HTML 4.01 已廢棄。
規定單元格中的內容是否折行。
rowspan number 設置單元格可橫跨的行數。
scope col
colgroup
row
rowgroup		 HTML5 不支持。定義將表頭單元格與數據單元格相關聯的方法。
valign top
middle
bottom
baseline		 HTML5 不支持。規定單元格內容的垂直排列方式。
width pixels
%		 HTML5 不支持。HTML 4.01 已廢棄。 規定單元格的寬度。

全局屬性

<td> 標籤支持 HTML 的全局屬性。

事件屬性

<td> 標籤支持 HTML 的事件屬性。

Examples

嘗試一下 - 實例


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


本例演示如何使用 "&nbsp;" 處理沒有內容的單元格。


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


本例演示如何在其他的元素內顯示元素。


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

相關文章

HTML 教學：HTML 表格

HTML DOM 參考手冊： Td 對象