本文概述
- 属性
- 支持的浏览器
< tr> 标记的分组的< td> 元素呈现为表中的一行。 < td> 元素的内容是常规的, 默认情况下在表中左对齐。
句法
<
td>
.......<
/td>
Display | Inline |
开始日期/结束日期 | 开始和结束标签 |
Usage | 表格内容 |
<
!DOCTYPE html>
<
html>
<
head>
<
title>
HTML td tag<
/title>
<
style>
th{background-color: #6495ed;
} th, td{border: 1px solid black;
padding: 10px;
} <
/style>
<
/head>
<
body>
<
h2>
Example of td Tag<
/h2>
<
table style=" border-collapse: collapse;
background-color:#dcdcdc;
">
<
tr>
<
th>
Product<
/th>
<
th>
Quantity<
/th>
<
th>
Price<
/th>
<
/tr>
<
tr>
<
td>
Books<
/td>
<
td>
5<
/td>
<
td>
589<
/td>
<
/tr>
<
tr>
<
td>
T-shirt<
/td>
<
td>
5<
/td>
<
td>
3500<
/td>
<
/tr>
<
tr>
<
td>
Jeans<
/td>
<
td>
2<
/td>
<
td>
5000<
/td>
<
/tr>
<
/table>
<
/body>
<
/html>
立即测试
输出:
文章图片
属性 特定于标签的属性:
属性 | 值 | 描述 |
---|---|---|
abbr | text | 它定义了单元格内容的缩写形式。 (HTML5不支持) |
align | 左右中对齐字符 | 它指定单元格内容的对齐方式。 (HTML5不支持) |
axis | category_name | 它对细胞进行分类。 。 (HTML5不支持) |
bgcolor | rgb(x, x, x)#xxxxxx颜色名称 | 它设置单元格的背景色。 (HTML5不支持) |
char | character | 它指定单元格内容与字符的对齐方式。 (HTML5不支持) |
charoff | number | 它根据char属性指定的字符确定内容对齐的字符数。 (HTML5不支持) |
colspan | number | 它确定单元格应跨越的列数。 |
headers | header_id | 它确定与一个单元相关的一个或多个标头单元。 |
height | % 像素 | 它确定表格单元格的高度。 (HTML5不支持) |
nowrap | nowrap | 如果设置, 则单元格内的内容不应包装。 (HTML5不支持) |
rowspan | number | 它确定一个单元格应该跨越的行数。 |
scope | col colgroup行rowgroup | 它指定标头元素相关的单元格。 (HTML5不支持) |
valign | 上中下基线 | 它确定单元格内容的垂直对齐方式。 (HTML5不支持) |
width | % pixels |
它确定单元格的宽度。(HTML5不支持) |
【HTML td标记】< td> 标记支持HTML中的Global属性。
事件属性:
< td> 标记支持HTML中的Event属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
< td> | Yes | Yes | Yes | Yes | Yes |