srcmini本文概述
HTML <td>标记用于指定HTML表的单元格, 这些单元格包含表的数据。 <td>标记必须是<tr>（表行）标记的子元素。每个表行可以包含多个<td>数据元素。
<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不支持） |
全局属性：
<td>标记支持HTML中的Global属性。
事件属性：
<td>标记支持HTML中的Event属性。
支持的浏览器
| Element | Chrome | IE | Firefox | Opera | Safari |
| <td> | Yes | Yes | Yes | Yes | Yes |
评论前必须登录！
注册