第四章 HTML 表格.docx

1、第四章 HTML 表格第四章 HTML 表格一、基本语法表示表格，使用标记分别定义表行、表头和表元。 标签符 Width属性表格宽度 可以为像素点值或百分比 Border属性边线宽度 具体数值，0表示不显示边线 Frame属性控制表格边框表示表格最外层的四条框线，该属性的取值可以是： Void无边框。void是默认值，即默认时不显示边框 Above仅有顶框 Below仅有底框 Hsides仅有顶框和底框（水平方向） vsides 仅有左、右侧框（垂直方向） lhs 仅有左侧框 rhs 仅有右侧框 box 包含全部四个边框 border 包含全部四个边框 rules属性控制是否显示以及如何显示单

2、元格之间的分隔线，取值可以是： none 无分隔线。none是默认值，即默认时不显示单元格间的分隔线 rows 仅有行分隔线 cols 仅有列分隔线 all 包括所有分隔线 Align属性控制表格与页面其它内容的对齐方式，取值可以是： Left 、center、right Bgcolor属性设置表格的背景颜色 background属性设置表格的背景图案 Cellspacing属性单元格之间的距离 cellpadding属性分割线与数据之间的距离二、放入标题1、基本语法标签符 定义表格的标题 align属性表格标题在网页中的对齐方式 取值为：left 、center 、right 成绩单 2、举

3、例建立caption.htm,输入以下代码：19971999年考试人数统计表 19971999年考试人数统计表 1997 10000 1998 15000 1999 30000 三、插入一个空数据单元格1、语法 标签符 定义行中的具体单元格 align属性单元格内数据的水平对齐方式 取值为：left 、center 、right valign属性单元格内数据的垂直对齐方式 取值为：top 、middle 、bottom bgcolor属性单元格的背景颜色 width属性、height属性单元格宽度、高度 具体数据值或百分比 rowspan属性单元格所占的行数 表示该单元格高度为三行 colsp

4、an属性单元格所占的列数2、举例建立TD.htm,输入以下代码：19971999年考试人数统计表 19971999年考试人数统计表 年份 人数 1997 10000 1998 15000 1999 30000 4、创建一个新的数据行1、语法 标签符 定义表格的一行 align属性行中数据的水平对齐方式 取值为：left 、center 、right valign属性行中数据的垂直对齐方式 取值为：top 、middle 、bottom Bgcolor属性整行单元格的背景颜色2、举例建立tr.htm,输入以下代码：19971999年考试人数统计表 19971999年考试人数统计表 年份 人数 1

5、997 10000 1998 15000 1999 30000 五、跨多列的表格单元1、语法跨多列的单元表格相当于把原来一行中对应的几个单元格合并，它是和的属性之一，语法如下：或2、举例建立colspan.htm,输入以下代码:19971999年考试人数统计表 19971999年考试人数统计表 年份 人数 1997 10000 1998 15000 1999 30000 总计 55000 六、跨多行的表格单元1、语法跨多行的单元表格相当于把原来一列中对应的几个单元格合并，它是和属性之一，语法如下：或2、举例建立ROWSPAN.htm,输入以下代码19971999年考试人数统计表 1997199

6、9年考试人数统计表 统计表 年份 人数 1997 10000 1998 15000 1999 30000 总计 55000 七、习题利用以上所学，作出下面表格八、表格分割线设置1、语法此参数对于网页设计十分重要，我们有时候要求只显示表格的一部分分隔线，如行与行之间或列与列之间的分隔线等，的属性可以允许我们对表格的分隔线进行设定，语法如下：2、语法说明RULES:用来设定表格的分隔线，ALL（全部显示），NONE(全部不显示)，ROWS(只显示行与行之间的分隔线),COLS(只显示列与列之间的分隔线)，GROUPS(只显示分组后的组之间的分隔线。3、举例建立RULES.HTM,输入以下代码：19971999年考试人数统计表 19971999年考试人数统计表 统计表 年份 人数 1997 10000 1998 15000 1999 30000 总计 55000 答案：合并单元格示例学生情况表 学号个人信息入学信息 姓名性别年龄班级入学年月 007东方不败不详198888882001年9月 008任我行男208888882001年9月