《html7 表格的制作.doc》由会员分享,可在线阅读,更多相关《html7 表格的制作.doc(7页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 教学项目七 HTML中表格的制作(二) 【教学内容】讲解HTML中制作表格嵌套、叠加及表格在网页设计中的应用【教学目的】使学生掌握表格嵌套及叠加操作【教学重点】 表格中嵌套操作及其应用【教学难点】 理解表格嵌套实现的基本思想【教学方式】案例分析式、项目教学【教学参考】1HTML网页制作教程 材义语编著 铁道出版社2、HTML基础与实例 程耀编著 电子工业出版社一、 表格嵌套操作例1:先设计如下表格:表格制作表格例子12例2:设计如下表格:比较例1和例2 的两个表格,可以看出,将例1 中第二行中的单元格用一个表格来代替,就得到了例2中的表格。这就是实现表格嵌套的基本思想。表格制作表格例子1AB
2、CDE二、 表格应用举例例3设计如下表格:表格制作表格嵌套2abcdefgh6例4设计课程表课程表 星期一星期二星期三星期四星期五1-2节ASP英语VB法律基础SQL3-4节sqlFLASHASP英语FLASH5-6节实训实训 实训实训制表时间 2月3日 三、 表格叠加例5设计如下表格:设计分析:当网页中出现表格各行的宽度相同,不同行中列宽不同时,此时使用单元格合并方式制作表格会很复杂。在这种情况下,可以使用表格叠加来实现。 表格制作表格叠加12346789abefghi 【课后小结】 本节介绍表格的叠加、嵌套及其应用。表格的嵌套是表格制作中的一个难点,关键是要抽象出嵌套表格对应的简单表格模型,再将模型中单元格的位置使用内嵌表格代替。