在 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 |