html5中td表示什么

148 阅读 0 评论 98 点赞

我是靠谱客的博主危机舞蹈，最近开发中收集的这篇文章主要介绍html5中td表示什么，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

在html5中，td全称“table data”，意思为表格数据，表示表格中单元格。

<td>标签用于定义表格内的标准单元格，td 元素内部的文本通常会呈现为左对齐文本。

单元格元素th或td元素需要定义在tr元素内部，一个tr 元素包含一个或多个 th 或 td 元素。

示例：

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>
登录后复制

html5中支持的属性：

属性	值	描述
colspan	number	规定单元格可横跨的列数。
headers	header_id	规定与单元格相关联的一个或多个表头单元格。
rowspan	number	设置单元格可纵跨的行数。

提示：如果需要将内容横跨多个行或列，请使用 colspan 和 rowspan 属性！

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td rowspan="2">￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table>
登录后复制