HTML5 <td> 標簽

2022-05-23 15:05 更新

實例

HTML5 <td>標簽用于表示一個表格中的單元格。請參考下述示例：

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

<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
嘗試一下 ?
（更多實例見頁面底部）

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

標簽定義及使用說明

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

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

  • 表頭單元格 - 包含頭部信息（由 <th> 元素創(chuàng)建）
  • 標準單元格 - 包含數據（由 <td> 元素創(chuàng)建）

<th> 元素中的文本通常呈現(xiàn)為粗體并且居中。

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

提示和注釋

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

HTML 4.01 與 HTML5之間的差異

HTML 5 中不再支持 HTML 4.01 中的某些屬性。

屬性

屬性 值 描述
abbr text HTML5 不支持。規(guī)定單元格中內容的縮寫版本。
align left
right
center
justify
char		 HTML5 不支持。規(guī)定單元格內容的水平對齊方式。
axis category_name HTML5 不支持。對單元格進行分類。
bgcolor rgb(x,x,x)
#xxxxxx
colorname		 HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格的背景顏色。
char character HTML5 不支持。規(guī)定根據哪個字符來進行內容的對齊。
charoff number HTML5 不支持。規(guī)定對齊字符的偏移量。
colspan number 規(guī)定單元格可橫跨的列數。
headers header_id 規(guī)定與單元格相關聯(lián)的一個或多個表頭單元格。
height pixels
%		 HTML5 不支持。HTML 4.01 已廢棄。
設置單元格的高度。
nowrap nowrap HTML5 不支持。HTML 4.01 已廢棄。
規(guī)定單元格中的內容是否折行。
rowspan number 設置單元格可橫跨的行數。
scope col
colgroup
row
rowgroup		 HTML5 不支持。定義將表頭單元格與數據單元格相關聯(lián)的方法。
valign top
middle
bottom
baseline		 HTML5 不支持。規(guī)定單元格內容的垂直排列方式。
width pixels
%		 HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定單元格的寬度。

全局屬性

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

事件屬性

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

Examples

嘗試一下 - 實例

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

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

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

表格內的標簽
本例演示如何在其他的元素內顯示元素。

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

相關文章

HTML 教程：HTML 表格

HTML DOM 參考手冊： Td 對象

以上內容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號