html制作网必做入门练习题一市公开课一等奖省赛课微课金奖课件.pptx
第一章上机HTML基本标签11/19
相关回顾HTML文档结构IMG标签、P标签、BR标签A标签、MARQUEE标签22/19
上机目标模拟拍拍网建立一个首页教员讲解上机目标33/19
训练技能点会使用P、BR、PRE会使用OL、UL、HR会使用FONT、IMG会使用A、MARQUEE44/19
训练关键点:1、HTML文档基本结构,标签配对出现2、IMG与文字关系3、H、P、BR4、FONT、特殊字符使用、bgColor属性阶段155/19
阶段1P段落标签这里使用了特殊字符H1标题标签FONT标签图片标签IMG需求说明:使用记事原来实现练习页面。66/19
实现思绪和关键代码:HTML文档结构HTML标签使用阶段1规范代码示例讲解实现思绪和关键代码完成时间:10分钟77/19
阶段2需求说明图示:经过手写记事本完成练习页面规范代码示例FONTsize=+3页面背景色值:#CAE4FF使用H1标签讲解需求说明完成时间:10分钟88/19
阶段2常见调试问题及处理方法代码规范问题共性问题集中讲解99/19
训练关键点: 1、有序列表标签OL 2、水平线标签HR 3、预格式化标签PRE需求说明:阶段3OL有序列表HR水平线PRE预格式化标签讲解需求说明完成时间:10分钟规范代码示例1010/19
阶段4需求说明:手写记事本实现下列图所表示内容规范代码示例页面背景色值:#CAE4FF讲解实现思绪和关键代码完成时间:10分钟UL无序列表1111/19
阶段4常见调试问题及处理方法代码规范问题共性问题集中讲解1212/19
阶段5训练关键点超链接标签A使用方法页面信息滚动标签MARQUEE1313/19
阶段5需求说明图示(一)链接到登录页面链接到首页1414/19
阶段5需求说明图示(二)点击[MOTO]链接电子邮件链接页面定位到指定锚点位置文字滚动显示讲解需求说明1515/19
阶段5实现思绪及关键代码 1、超链接A标签中href属性定义了链接方向 2、MARQUEE标签scrolldelay属性定义滚动速度Ahref=“login.html”[登录]/AMARQUEEscrolldelay=“150”精品推荐/MARQUEE指定文字滚动速度指定链接跳转页面规范代码示例讲解实现思绪和关键代码完成时间:15分钟1616/19
阶段6需求说明图示(一)电子邮件返回起始页定义锚点链接到注册页面规范代码示例1717/19
阶段6需求说明图示(二)锚点MARQUEE滚动讲解需求说明完成时间:15分钟1818/19