最新的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;
}