html-7 格的制作2.docVIP

教学项目七 HTML中表格的制作 二 【教学内容】 讲解HTML中制作表格嵌套、叠加及表格在网页设计中的应用 【教学目的】 使学生掌握表格嵌套及叠加操作 【教学重点】 表格中嵌套操作及其应用 【教学难点】 理解表格嵌套实现的基本思想 【教学方式】 案例分析式、项目教学 【教学参考】 1．HTML网页制作教程 材义语编著 铁道出版社 2、HTML基础与实例 程耀编著 电子工业出版社 表格嵌套操作 例1：先设计如下表格： 表格制作 body bgcolor 00eeff 表格例子 table border 1 width 300 align center td align center 1 td height 60 align center 2 例2：设计如下表格： 比较例1和例2 的两个表格，可以看出，将例1 中第二行中的单元格用一个表格来代替，就得到了例2中的表格。这就是实现表格嵌套的基本思想。 表格制作 body bgcolor 00eeff 表格例子 table border 1 width 300 align center td align center 1 table border 1 width 100% A td colspan 2 B C D E 表格应用举例 例3．设计如下表格： 表格制作 body bgcolor ff00ee font face 隶书 color yellow size 5 表格嵌套 table border 1 width 600 align center td rowspan 2 width 30% 2 table border 1 width 100% a td rowspan 2 b c d e f g h 6 例4．设计课程表 body bgcolor #00ffee table border 1 background 17.gif align center caption valign top align center 课程表 nbsp; 星期一 星期二 星期三 星期四 星期五 1--2节 ASP 英语 VB 法律基础 SQL 3--4节 sql FLASH ASP 英语 FLASH 5--6节 实训 实训 nbsp; 实训 实训 caption valign bottom align right 制表时间 2月3日 表格叠加 例5．设计如下表格： 设计分析： 当网页中出现表格各行的宽度相同，不同行中列宽不同时，此时使用单元格合并方式制作表格会很复杂。在这种情况下，可以使用表格叠加来实现。 表格制作 body bgcolor 00eeff 表格叠加 table border 1 width 400 td width 200 1 td rowspan 2 width 100 2 td width 100 3 4 6 7 8 9 table border 1 width 400 td width 100 rowspan 2 a td colspan 2 b td width 150 e td width 150 f td width 100 g td width 150 h td width 150 i 【课后小结】 本节介绍表格的叠加、嵌套及其应用。表格的嵌套是表格制作中的一个难点，关键是要抽象出嵌套表格对应的简单表格模型，再将模型中单元格的位置使用内嵌表格代替。 计算机科学与技术系理论课教案—《网页设计》 and actual case whether match; by is located land right nature; property status, whether has damage or quality problem; property using situation, rental or use; reference around similar property price, judge assessment value of rationality; whether exists property disputes, and seized, and freeze, and mortgage, and demolition, and transformation, limit situation. 2. to land right mortgage of, survey people should verified follo