最新的Web開發教程
 

HTML <td> Tag


一個簡單的HTML表格,兩個表格單元格:

<table>
  <tr>
    <td>Cell A</td>
    <td>Cell B</td>
  </tr>
</table>
試一試»

更多“試一試”的例子。


定義和用法

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

一個HTML表有兩種細胞:

  • 標題單元格-包含頭部信息(與所創建<th>元素)
  • 標準單元-包含數據(與創建<td>元素)

在文本中<th>元素大膽,默認情況下居中。

在文本中<td>元素是經常和左對齊默認情況下。


瀏覽器支持

元件
<td>

提示和注意

提示:使用colspanrowspan屬性讓內容跨越多個列或行!


HTML 4.01和HTML5之間的差異

所有的佈局屬性在HTML5中刪除。


屬性

屬性 描述
abbr text 在HTML5不支持。
在單元格中指定內容的縮寫版本
align left
right
center
justify
char
在HTML5不支持。
對齊在一個小區中的內容
axis category_name 在HTML5不支持。
細胞分類
bgcolor rgb(x,x,x)
#xxxxxx
colorname
在HTML5不支持。
指定的小區的背景色
char character 在HTML5不支持。
對齊在一個小區到字符的內容
charoff number  在HTML5不支持。
集的字符數的內容將從由指定的字符對齊char屬性
colspan number 指定單元格跨越的列數
headers header_id 指定一個或多個頭部細胞的細胞是有關
height pixels
%
在HTML5不支持。
設置一個單元格的高度
nowrap nowrap 在HTML5不支持。
指定單元格中的內容不應該換行
rowspan number 設置行的單元格跨越數
scope col
colgroup
row
rowgroup
在HTML5不支持。
定義了一種標題單元和數據單元格在一個表關聯
valign top
middle
bottom
baseline
在HTML5不支持。
垂直對齊於一個小區中的內容
width pixels
%
在HTML5不支持。
指定的小區的寬度

全局屬性

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


事件屬性

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


試一試 - 示例

表頭
如何創建表頭。

表標題
一個HTML表的標題。

表中的標籤
如何顯示的其他元素的元素。

ç 厄爾跨越多個行/列
如何定義跨越多行或一列的表格單元。


相關頁面

HTML教程: HTML表格

HTML DOM參考: TableData對象

CSS教程: 樣式表


默認設置CSS

大多數瀏覽器將顯示<td>與下面的默認值元素:

td {
    display: table-cell;
    vertical-align: inherit;
}