html表格如何创建搜索,6.如何创建HTML表格

如何创建HTML表格

HTML表格用

表示。

这三个Tag是创建表格最常用的Tag。

表格所用到的Tag：整个表格开始要用table；每一行开始要用tr；每一单元格开始要用td。

只有一行(Row)一列(Column)的表格

100

一行三列的表格

100

200

300

两行三列的表格

100	200	300
400	500	600

万里独行客

仁为己任不亦重乎？死而后已不亦远乎？

查找补充

border属性

在缺省情况下，如果不设置表格的边界，表格是不显示边界的。

缺省情况下，表格没有边界。

100	200	300
400	500	600

表格Border设为0，也不显示边界：

100	200	300
400	500	600

See you tomorrow.What are you doing

0	0	0	0
0	0	0	0
0	0	0	0

要显示表格的边界，可使用border这个属性。

表格的边界值设为1：

第一	行
第二	行

表格的边界值设为8，边界更粗：

第一	行
第二	行

表格的边界值设为15，边界更粗：

第一	行
第二	行

表格的表头

用

来表示表格的表头，表头的字是粗体显示的。

有表头的表格：

姓名	电话	传真
Bill Gates	555 77 854	555 77 855

竖直方向的表头：

姓名	Bill Gates
电话	555 77 854
传真	555 77 855

空的单元格

如果表格的单元格

Some text	Some text
	Some text

上面的表格中，有一个单元格里是没有任何内容的，这个空的单元格没有显示边界，虽然整个表格设了边界值。

Some text	Some text
	Some text

更多示例

这个表格有标题：

表格标题
100	200	300
400	500	600

这个示例演示如何用

在一个表格上加上标题。

用colpsan属性，设置包含多列的单元格：

姓名	联系方式
Bill Gates	555 77 854	555 77 855

用rowspan这个属性，设置包含多行的单元格：

姓名	Bill Gates
联系方式	555 77 854

这个示例演示如何用colspan，rowspan设置多列或者多行的单元格。

这个例子演示单元格

里面的内容。单元格的内容可以是文字，图片，超链接，Form，表格等。

这是一段

这是另外一段。

这个单元格里包含了一个表格：

A	B
C	D

这个单元格里包含了一个图片：

HELLO

在表格中插入文字示例插入“0” 把“ ”换成“0”

万里独行客

仁为己任不亦重乎？死而后已不亦远乎？

0	0
0	0
0	0
0	0

没有cellpadding的表格：

First	Row
Second	Row

设置cellpadding属性，可以改变单元格内容和单元格边界之间的距离。

以下是设置了cellpadding属性的表格：

第一	行
第二	行

cellpadding属性值设置为30的表格：

第一	行
第二	行

这个示例教你如何用cellpadding这个属性设置单元格内容与单元格边界之间的距离。

Cellspacing属性表示单元格之间的距离。

如果表格里没有设置cellspacing属性，缺省情况下，cellspacing值为1。

第一	行
第二	行

Cellspacing属性值设为0的表格：

第一	行
第二	行

Cellspacing属性值设为20的表格：

第一	行
第二	行

这个示例教你如何用cellspacing这个属性设置单元格之间的距离

给表格设置背景颜色：

第一	行
第二	行

给表格加背景图片：

第一	行
第二	行

这个示例演示如何用bgcolor属性设置表格的背景颜色，如何用background属性为表格添加背景图片。

单元格背景色：

第一

行

第二

行

这个示例演示如何用bgcolor属性设置单元格的背景颜色，如何用background属性为单元格添加背景图片。

分数	期中考试	期末考试
芙蓉姐姐	250.10	50000.20
程菊花	1000.00	5000.45
周笔畅	2000.40	500.00
黄新	300.50	800.65

这个示例教你如何用align属性设置单元格的对齐方式。