HTML td标记 - 珊瑚贝

本文概述

属性
支持的浏览器

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不支持）