html制作网页必做入门练习题一概要.ppt

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