在 HTML 中,<td>
元素表示表格中的一个单元格。每个 <td>
元素通常位于 <tr>
元素内,用于定义表格中的一行数据。
属性
<td>
元素可以包含以下属性:
colspan
: 定义单元格应跨越的列数rowspan
: 定义单元格应跨越的行数headers
: 引用一个用于描述单元格内容的表头单元格的 idscope
: 定义与该单元格相关的表头单元格的类型abbr
: 提供有关单元格内容的简短描述
示例代码
下面是一个简单的 HTML 表格示例,展示了如何使用 <td>
元素:
-- -------------------- ---- ------- ------- ---- ---------- -------- -------- ----------------------------- ----- ---- ---------- -------- ---------- ------------------------------- ----- --------
在这个示例中,每个 <tr>
元素代表表格中的一行数据,而每个 <td>
元素代表该行中的一个单元格。
注意事项
<td>
元素应该只包含文本或内联元素,不应该包含块级元素- 可以使用 CSS 来对
<td>
元素进行样式设置,如背景色、边框等
以上就是关于 HTML <td>
元素的介绍,希望对你有所帮助!
属性 | 描述 | 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 |