目录

1.概述

2.表格的基本结构

3.表格的属性

4.单元格合并

1.概述

表格的基本语法结构：

…………
单元格内容
单元格内容

其中< table>用于声明一个表格对象， 用于声明一行，用于声明一个单元格。

注意：表格中所以的标记都必须放到

标记之间。

例如：

1
2
	
3
4
5
6

结果：

2.表格的基本结构

从结构上看，表格可以分成表头、主体和表尾三个部分，分别用和标记表示。

注意：

1.表头和表尾在一张表格中只能有一个，而一张表格可以有多个主体。

2.对于大型表格来说，应该将出现在的前面，这样浏览器显示数据时有利于加快表格的显示速度。

3.、、标记内部都必须使用。
表格结构划分的好处：

1.可以先显示的内容，而不必等整个表格下载完成后才能显示。

2.无论、、 的顺序如何改变，的内容总是在表格的最前面，的内容总是在表格的最后面。

例如：

表头
这是表尾
1
2
3

结果：

3.表格的属性

使用

标记可以设置表格的高度、宽度、边框线的粗细、对齐方式、背景颜色、背景图片、单元格间距和边距等表格属性。

表格的属性及其说明
属性	说明
align	表格的对齐方式，通常是left (左对齐)、center (居中对齐)、right (右对齐
height	表格高度
width	表格宽度
bordercolor	表格边框的颜色
bgcolor	表格的背景颜色
border	表格边框
background	表格的背景图片
cellspacing	单元格之间的间距
cellpadding	单元格的内容与其边框的内边距

例如：

表格标题
学号
姓名
专业
123456
张三
软件工程

结果：

使用

标记可以从总体上设置表格属性，根据网页布局的需要，还可以单独对表格中的某行和某一个单元格进行属性设置。在HTML文档中，标记用来生成和设置表格中一行的标记，其属性的语法格式如下:

其中valign属性(取值可以为top顶端对齐、middel居中对齐、bottom底端对齐)

例：对上面表格进行改动：在表格的第二行

标记中，通过align属性设定表格水平方向为居中对齐:通过height属性设定表格高度为50像素;通过valign设定该行的垂直方向为顶端对齐:通过bgcolor属性设定该行的背景颜色为蓝色。

学生信息

学号	姓名	专业
8888	张三	软件工程

结果：

4.单元格合并

默认情况下，表格中每行的单元格高度和宽度都是一样的。跨行和跨列功能可以分别通过单元格的rowspan和colspan属性实现，其基本语法如下:

注意：rowspan和colpan的属性值是一一个 具体的数值

 例如：

1
1
1
1
1
1
1
1
1

结果：