html5+css3网页设计基础教程 HTML5 <td> 标签

html5+css3网页设计基础教程

HTML5和CSS3是当今网页设计的两大基础，它们提供了强大的功能，可以帮助开发者创建出更加精美的网页。学习HTML5和CSS3可以帮助开发者更好地理解网页设计，并且能够利用它们来创建出更具有吸引力的网站。

HTML5+CSS3网页设计基础教程是一个很好的学习工具，它可以帮助开发者快速掌握HTML5和CSS3的相关内容。该教程将会教会你如何使用HTML5和CSS3来制作出一个完整的、有吸引力的、易于使用的网站。

首先，该教程将会教你如何使用HTML5来制作一个完整的、有吸引力的、易于使用的网站。在这里，你将学习如何使用新标准中新出来的标记语言来制作一个实用性很强、易于理解并且有吸引力的静态或者动态内容。

然后，该教程将会教你如何使用CSS3来进行布局、样式化以及对内容进行装饰。在这里，你将学习如何使用新标准中新出来的样式表语法来对内容进行装饰，并且能够利用CSS3中新出来的特性来制作出一个有吸引力而且易于理解的界面。

 
body { 
    font-family: sans-serif; 
    background-color: #fafafa; 
} 
h1 { 
    font-size: 2em; 
    color: #333; 
} 

HTML5 <td> 标签

实例

HTML5 <td>标签用于表示一个表格中的单元格。请参考下述示例：

一个简单的 HTML 表格，带有两个单元格：

<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>

（更多实例见页面底部）

---

浏览器支持

所有主流浏览器都支持 <td> 标签。

---

标签定义及使用说明

<td> 标签定义 HTML 表格中的标准单元格。

HTML 表格有两种单元格类型：

• 表头单元格 - 包含头部信息（由 <th> 元素创建）
• 标准单元格 - 包含数据（由 <td> 元素创建）

<th> 元素中的文本通常呈现为粗体并且居中。

<td> 元素中的文本通常是普通的左对齐文本。

---

提示和注释

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

---

HTML 4.01 与 HTML5之间的差异

HTML 5 中不再支持 HTML 4.01 中的某些属性。

---

属性

属性	值	描述
abbr	text	HTML5 不支持。规定单元格中内容的缩写版本。
align	left right center justify char	HTML5 不支持。规定单元格内容的水平对齐方式。
axis	category_name	HTML5 不支持。对单元格进行分类。
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 不支持。HTML 4.01 已废弃。 规定单元格的背景颜色。
char	character	HTML5 不支持。规定根据哪个字符来进行内容的对齐。
charoff	number	HTML5 不支持。规定对齐字符的偏移量。
colspan	number	规定单元格可横跨的列数。
headers	header_id	规定与单元格相关联的一个或多个表头单元格。
height	pixels %	HTML5 不支持。HTML 4.01 已废弃。 设置单元格的高度。
nowrap	nowrap	HTML5 不支持。HTML 4.01 已废弃。 规定单元格中的内容是否折行。
rowspan	number	设置单元格可横跨的行数。
scope	col colgroup row rowgroup	HTML5 不支持。定义将表头单元格与数据单元格相关联的方法。
valign	top middle bottom baseline	HTML5 不支持。规定单元格内容的垂直排列方式。
width	pixels %	HTML5 不支持。HTML 4.01 已废弃。 规定单元格的宽度。

---

全局属性

<td> 标签支持 HTML 的全局属性。

---

事件属性

<td> 标签支持 HTML 的事件属性。

---

尝试一下 - 实例

表格中的标题
本例演示如何显示表格标题。

空单元格
本例演示如何使用 " " 处理没有内容的单元格。

带有标题的表格
本例演示一个带标题(caption)的表格。

表格内的标签
本例演示如何在其他的元素内显示元素。

跨行或跨列的表格单元格
本例演示如何定义跨行或跨列的表格单元格。

---

相关文章

HTML 教程：HTML 表格

HTML DOM 参考手册： Td 对象