html 控制td,HTML <td> 标签

实例

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

Cell A

Cell B

提示：可以修改代码后运行

(更多实例见页面底部)

浏览器支持

Chrome

Inter Explorer

Firefox

Safari

Opera

YES

YES

YES

YES

YES

所有主流浏览器都支持

标签。

标签定义及使用说明

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

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

表头单元格 - 包含头部信息(由

元素创建)

标准单元格 - 包含数据(由

元素创建) 元素中的文本通常呈现为粗体并且居中。 元素中的文本通常是普通的左对齐文本。

提示和注释

提示：如果需要将内容横跨多个行或列，请使用 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 已废弃。 规定单元格的宽度。

全局属性

标签支持 HTML 的全局属性。

事件属性

标签支持HTML 的事件属性。

HTML td 标签的实例

表格中的标题

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

表格使用水平标题:

Name	Telephone
Bill Gates	555 77 854

表格使用垂直标题:

First Name:	Bill Gates
Telephone:	555 77 854

提示：可以修改代码后运行

空单元格

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

一些文本	一些文本
	一些文本

如果在上面的空单元格中没有边框，你可以插入一个空格 ： &nbsp;

提示：可以修改代码后运行

带有标题的表格

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

Monthly savings

Month	Savings
January	$100
February	$50

提示：可以修改代码后运行

表格内的标签

本例演示如何在其他的元素内显示元素。

这是一个段落 这是另一个段落	这个单元格包含一个表格: A B C D
这个单元格包含一个列表 apples bananas pineapples	HELLO

提示：可以修改代码后运行

跨行或跨列的表格单元格

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

单元格跨两格:

Name	Telephone
Bill Gates	555 77 854	555 77 855

单元格跨两列:

First Name:	Bill Gates
Telephone:	555 77 854
	555 77 855

提示：可以修改代码后运行