《使用HTML和CSS开发Web网站教学资料》第二章 表格和列表（上机）.pptVIP

中国职业教育联盟课程体系 * * * * 中国职业教育联盟课程体系 中国职业教育联盟课程体系 成就百万精英 使用HTML和CSS开发WEB网站 第二章 表格与列表 上机 上机目标 创建简单表格 单元格合并 使用有序列表和无序列表嵌套 使用复杂表格 教员讲解上机目标 训练技能点 表格的基本结构 table/table标签 tr/tr标签 td/td和th/th标签 单元格的colspan属性 单元格的rowspan属性 ul/ul标签 ol/ol标签 li/li标签 阶段1 训练技能点 表格的基本结构 table/table标签 tr/tr标签 td/td和th/th标签 阶段1 使用表格存储你所在的项目组成员的通讯录 阶段1 每个成员的信息占用表格的一行，每一个具体的信息占用行中的一个单元格。 阶段1 table width=500px border=1 caption天天加班项目组通讯录/caption tr th姓名/th th手机/th th邮箱/th thQQ或MSN/th /tr tr th李四/th ttd tdlisi@/td td412051232/td /tr /table * 阶段1 ？ 共性问题集中讲解 阶段2 技能要点 单元格的colspan属性 单元格的rowspan属性 阶段2 表格可作为网页局部实现复杂排版的手段。在某个网页中的局部区域，我们要实现如下图所示的布局。 阶段2 整体上，表格需要几行几列？ 阶段2 tr td align=center数据/td td数据/td td colspan=2数据/td /tr tr td rowspan=2 align=left valign=top数据/td td数据/td td数据/td td align=right数据/td /tr tr td valign=middle数据/td td rowspan=2 colspan=2 align=center valign=bottom 数据/td /tr tr td数据/td td数据/td /tr * 阶段2 ？ 共性问题集中讲解 阶段3 你经常乘坐的公交车线路和它们经过的公交站点 阶段3 多条公交线路可用无序列表包含，每条线路依次经过的站点可用有序列表包含。 阶段3 ul li312路(汽车西站-长沙火车站)/li ol li汽车西站/li li望城坡/li li长沙火车站/li /ol li820路(重庆火车北站-上江城)/li ol li重庆火车北站/li li五里店/li li大兴村/li li谢家湾/li li上江城/li /ol /ul * 阶段3 ？ 共性问题集中讲解 阶段4 请使用表格展示你所在班级最近一次测试的成绩表。 * 阶段4 ？ 共性问题集中讲解 阶段5 请使用表格展示你所在班级本月的课表。 总结并布置作业 谢谢 SEC 8.0 * 题目1：P57 第一题 题目2：P270 练习1 题目3：p270 联系2 中国职业教育联盟课程体系 * * * 题目1：P57 第一题 题目2：P270 练习1 题目3：p270 联系2