1.3.2 HTML基本标记－使用表格

　　表格由不同行和列的单元格组成，常用于组织和显示信息，也用于安排页面布局  。表格是最常用的页面元素，在页面中用表格来表示数据，直观清晰  。而且HTML的表格使用非常灵活，许多较复杂的页面布局也可利用表格来完成  。在Internet上浏览到的许多页面都大量使用了表格  。
表格由表头、行和单元格所组成，这些元素分别用不同的标记来定义  。通过Table标记来定义表格；表格中的每一行通过Tr标记来表示；行中的单元格通过Td或Th标记来定义，其中Th标记定义表格的列标题单元格；表格的标题说明通过Caption标记来定义  。


…


…


…

……

表格标题文字

第1列表头	第2列表头	第n列表头
第1列数据	第2列数据	第n列数据
第1列数据	第2列数据	第n列数据

　　
【例1.4】创建图1-6所示的课程表  。

　　源代码如下（Ex1-4.htm）：

　　

课程表 节次 星期一 星期二 星期三 星期四 星期五 1、2 专业英语 操作系统 网络基础 专业英语 数据库 3、4 Java程序设计 数据库 实验 Java程序设计 操作系统 5、6 网络基础 实验 实验 实验 数据库原理

　　(1) 设置表格的属性
Table标记创建表格时，可以设置下列属性：
Align = 表格的对齐方式
取值如下：
left：左对齐（Td默认值）  。
center：对中（Th默认值）  。
right：右对齐  。
BackGround = 表格背景图片的URL地址  。
BgColor = 表格的背景颜色  。
Border = 表格边框的宽度（像素)，默认值为0  。
BorderColor = 表格边框颜色，Border≠0时起作用  。
BorderColorDark = 3D边框的阴影颜色，Border≠0时起作用  。
BorderColorLight = 3D边框的高亮显示颜色，Border≠0时起作用  。
CellPadding = 单元格内数据与单元格边框之间的间距（像素）  。
CellSpacing = 单元格之间的间距（像素）  。
Width = 表格的宽度（像素或百分比）  。

　　(2) 设置行的属性
表格中的每一行是用TR标记来定义的，可以设置下列属性：
Align = 行中单元格的水平对齐方
取值为left（默认值）、center或right  。
BackGround = 作为行的背景图像文件的URL
BgColor  = 行的背景颜色
BorderColor = 行的边框颜色（只有当Table标记的Border≠0时起作用）
BorderColorDark = 行的3D边框的阴影颜色（只有当Table标记的Border≠0时起作用）
BorderColorLight = 行的3D边框的高亮颜色（只有当Table标记的Border≠0时起作用）
VAlign = 行中单元格内容的垂直对齐方式
其取值如下：
top：顶端对齐  。
middle：居中对齐  。
bottom：底端对齐  。
baseline：基线对齐  。

　　(3) 设置单元格的属性
表格的单元格通过Td标记来定义，标题单元格也可以通过Th标记来定义  。Td标记和Th标记可以设置下列属性：
Align = 行中单元格的水平对齐方式
取值为left（Td默认值）、center（Th默认值）或right  。
BackGround = 单元格的背景图像的URL
BgColor  = 单元格的背景颜色
BorderColor = 单元格的边框颜色（只有当Table标记的Border≠0时起作用）
BorderColorDark = 单元格的3D边框的阴影颜色（只有当Table标记的Border≠0时起作用）
BorderColorLight = 单元格的3D边框的高亮颜色（只有当Table标记的Border≠0时起作用）
ColSpan = 合并单元格时一个单元格跨越的表格列数
RowSpan = 合并单元格时一个单元格跨越的表格行数
VAlign = 单元格中文本的垂直对方方式
取值可以是top、middle（默认值）、bottom或baseline  。
NoWrap：若指定该属性，则避免Web浏览器将单元格里的文本自动换行  。

　　【例1-5】如图1-7所示为较复杂的表格页面，表格的每行列数及每列行数不相同，利用Td标记的ColSpan和RowSpan属性可以对表格的单元格进行灵活的控制  。

　　源代码如下（Ex1-5.htm）：