html制作网页必做入门练习题一.pptxVIP

html制作网页必做入门练习题一会计学相关回顾第1页/共19页HTML文档的结构IMG标签、P标签 、BR标签 A标签、MARQUEE标签教员讲解上机目标 上机目标第2页/共19页模拟拍拍网建立一个首页训练技能点第3页/共19页会使用 P 、BR 、PRE 会使用OL、UL 、 HR会使用FONT 、 IMG会使用A 、 MARQUEE第4页/共19页阶段1训练要点：1、HTML文档的基本结构，标签配对出现 2、IMG与文字关系3、H、P、BR4、FONT 、特殊字符的使用、 bgColor 属性阶段1第5页/共19页需求说明：使用记事本来实现练习页面。图片标签IMGP段落标签H1标题标签FONT标签这里使用了特殊字符阶段1第6页/共19页上机案例/第一阶段/HTML1.html规范代码示例实现思路和关键代码：HTML文档的结构HTML标签的使用完成时间：10分钟 讲解实现思路和关键代码 阶段2第7页/共19页上机案例/第二阶段/HTML2-s.html规范代码示例需求说明图示：通过手写记事本完成练习页面使用H1标签FONT size=+3 页面背景色值：#CAE4FF讲解需求说明 完成时间：10分钟 第8页/共19页阶段2共性问题集中讲解常见调试问题及解决办法代码规范问题阶段3第9页/共19页上机案例/第三阶段/HTML3-t.html规范代码示例训练要点： 1、有序列表标签OL 2、水平线标签HR 3、预格式化标签PRE需求说明：讲解需求说明 完成时间：10分钟 OL有序列表HR水平线 PRE预格式化标签阶段4第10页/共19页上机案例/第四阶段/HTML4-s.html规范代码示例需求说明：手写记事本实现下图所示内容 页面背景色值：#CAE4FFUL无序列表完成时间：10分钟 讲解实现思路和关键代码 第11页/共19页阶段4 共性问题集中讲解常见调试问题及解决办法代码规范问题阶段5第12页/共19页训练要点超链接标签A的使用方法页面信息滚动标签MARQUEE阶段5第13页/共19页需求说明图示（一）链接到登录页面链接到首页阶段5第14页/共19页需求说明图示（二）电子邮件链接点击[MOTO]链接页面定位到指定的锚点位置文字滚动显示 讲解需求说明阶段5第15页/共19页上机案例/第五阶段/HTML5-t.html规范代码示例实现思路及关键代码 1、 超链接A标签中href属性定义了链接的方向 2、MARQUEE标签的scrolldelay属性定义滚动速度指定链接跳转页面A href=“login.html”[登录]/A MARQUEE scrolldelay=“150”精品推荐/ MARQUEE 指定文字滚动的速度完成时间：15分钟 讲解实现思路和关键代码 阶段6第16页/共19页上机案例/第六阶段/HTML6-s.html规范代码示例需求说明图示（一）定义锚点电子邮件链接到注册页面返回起始页阶段6第17页/共19页需求说明图示（二）锚点MARQUEE滚动完成时间：15分钟 讲解需求说明 总结第18页/共19页总结并布置作业