整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML 基础的<td> 标签

一个简单的 HTML 表格,带有两个单元格:

<table border="1">

<tr>

<td>Cell A</td>

<td>Cell B</td>

</tr>

</table>


浏览器支持

所有主流浏览器都支持 <td> 标签。


标签定义及使用说明

<td> 标签定义 HTML 表格中的标准单元格。

HTML 表格有两种单元格类型:

  • 表头单元格 - 包含头部信息(由 <th> 元素创建)

  • 标准单元格 - 包含数据(由 <td> 元素创建)

<th> 元素中的文本通常呈现为粗体并且居中。

<td> 元素中的文本通常是普通的左对齐文本。


提示和注释

提示:如果需要将内容横跨多个行或列,请使用 colspan 和 rowspan 属性!


HTML 4.01 与 HTML5之间的差异

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


属性

属性描述
abbrtextHTML5 不支持。规定单元格中内容的缩写版本。
alignleftrightcenterjustifycharHTML5 不支持。规定单元格内容的水平对齐方式。
axiscategory_nameHTML5 不支持。对单元格进行分类。
bgcolorrgb(x,x,x)#xxxxxxcolornameHTML5 不支持。HTML 4.01 已废弃。 规定单元格的背景颜色。
charcharacterHTML5 不支持。规定根据哪个字符来进行内容的对齐。
charoffnumberHTML5 不支持。规定对齐字符的偏移量。
colspannumber规定单元格可横跨的列数。
headersheader_id规定与单元格相关联的一个或多个表头单元格。
heightpixels%HTML5 不支持。HTML 4.01 已废弃。 设置单元格的高度。
nowrapnowrapHTML5 不支持。HTML 4.01 已废弃。 规定单元格中的内容是否折行。
rowspannumber设置单元格可横跨的行数。
scopecolcolgrouprowrowgroupHTML5 不支持。定义将表头单元格与数据单元格相关联的方法。
valigntopmiddlebottombaselineHTML5 不支持。规定单元格内容的垂直排列方式。
widthpixels%HTML5 不支持。HTML 4.01 已废弃。 规定单元格的宽度。

全局属性

<td> 标签支持 HTML 的全局属性。


事件属性

<td> 标签支持 HTML 的事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

td 对象

td 对象代表了 HTML 中数据单元。

在 HTML 表格中每个 <td> 标签都会创建一个 td 对象。

th 对象

th 对象代表了 HTML 标准中的表头单元。

HTML 中每个 <th> 标签都会创建一个 th 对象。

td/th 对象属性

W3C: W3C 标准。

属性描述W3C
abbr设置或返回单元格中内容的缩写版本。Yes
align已废弃。 设置或返回单元格内部数据的水平排列方式。D
axis设置或返回相关单元格的一个逗号分隔的列表。Yes
background已废弃。 设置或返回表格的背景图片。D
bgColor已废弃。 设置或返回表格的背景颜色D
cellIndex返回单元格在某行的单元格集合中的位置。Yes
ch设置或返回单元格的对齐字符。Yes
chOff设置或返回单元格的对齐字符的偏移量。Yes
colSpan单元格横跨的列数。Yes
headers置或返回 header-cell 的 id 值。Yes
height已废弃。 设置或返回数据单元的高度D
noWrap已废弃。 nowrap 属性规定表格单元格中的内容不换行。D
rowSpan设置或返回单元格可横跨的行数。Yes
vAlign设置或返回表格单元格内数据的垂直排列方式。Yes
width已废弃。设置或返回单元格的宽度。D

标准属性和事件

td/th 对象同样支持标准的 属性 和 事件。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

一个简单的 HTML 表格,包含两列两行:

<table border="1">

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

<td>0</td>

</tr>

</table>


浏览器支持

所有主流浏览器都支持 <table> 标签。


标签定义及使用说明

<table> 标签定义 HTML 表格

一个 HTML 表格包括 <table> 元素,一个或多个 <tr>、<th> 以及 <td> 元素。

<tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。

更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。


HTML 4.01 与 HTML5之间的差异

在 HTML5 中,仅支持 "border" 属性,并且只允许使用值 "1" 或 ""。


属性

属性描述
alignleftcenterrightHTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。
bgcolorrgb(x,x,x)#xxxxxxcolornameHTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。
border1""规定表格单元是否拥有边框。
cellpaddingpixelsHTML5 不支持。规定单元边沿与其内容之间的空白。
cellspacingpixelsHTML5 不支持。规定单元格之间的空白。
framevoidabovebelowhsideslhsrhsvsidesboxborderHTML5 不支持。规定外侧边框的哪个部分是可见的。
rulesnonegroupsrowscolsallHTML5 不支持。规定内侧边框的哪个部分是可见的。
summarytextHTML5 不支持。规定表格的摘要。
widthpixels%HTML5 不支持。规定表格的宽度。

全局属性

<table> 标签支持 HTML 的全局属性。


事件属性

<table> 标签支持 HTML 的事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!