html制作网页必做入门练习题一
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第一章上机
HTML的基本标签
相关回顾
HTML文档的结构 <IMG>标签、<P>标签 、<BR>标签 <A>标签、<MARQUEE>标签
2
上机目标
模拟拍拍网建立一个首页
教员讲解上机目标
3
训练技能点
会使用 <P> 、<BR> 、<PRE> 会使用<OL>、<UL> 、 <HR> 会使用<FONT> 、 <IMG> 会使用<A> 、 <MARQUEE>
6
阶段1
实现思路和关键代码：
HTML文档的结构 HTML标签的使用
规范代码示例
讲解完实成现时思间路：和10关分键钟代码
7
阶段2
规范代码示例
需求说明图示：通过手写记事本完成练习页面
<FONT size="+3">
使用<H1> 标签
页面背景色值： #CAE4FF
完成讲时解间需：求1说0明分钟
8
阶段2
14
阶段5
需求说明图示（二）
页面定位到指定 的锚点位置
点击[MOTO] 链接
文字滚动 显示
讲解需求说明
15
电子邮件 链接
阶段5
实现思路及关键代码
规范代码示例
1、 超链接<A>标签中hr指ef定属链性接跳定义了链接的方向
转页面
<A href=“login.html”>[登录]</A>
< MARQUEE scrolldelay=“150”>精品推荐</ MARQUEE >
<UL>无序 列表
页面背景色值： #CAE4FF
讲解完实成现时思间路：和10关分键钟代码
11
阶段4
共性问题集中讲解
常见调试问题及解决办法 代码规范问题
12
阶段5
训练要点 1. 超链接标签<A>的使用方法 2. 页面信息滚动标签<MARQUEE>
13
阶段5
需求说明图示（一）
链接到登 录页面
链接到 首页
共性问题集中讲解
常见调试问题及解决办法 代码规范问题
9
阶段3
训练要点： 1、有序列表标签<OL> 2、水平线标签<HR> 3、预格式化标签<PRE> 需求<O说列L>明表有序：
< PRE>预格 式化标签
10
规范代码示例
完成讲时解间需：求1说0明分钟
<HR>水平线
来自百度文库
阶段4
规范代码示例
需求说明：手写记事本实现下图所示内容
4
阶段1
训练要点：
1、HTML文档的基本结构，标签配对出现 2、<IMG>与文字关系 3、<H>、<P>、<BR> 4、<FONT> 、特殊字符的使用、 bgColor 属性
5
阶段1
需求说明：使用记事本来实现练习页面。
<P>段落 标签
<H1>标题 标签
这里使用了 特殊字符
图片标签 <IMG>
<FONT>标签
总结
总结并布置作业
19
2、<M指动A定R的文Q速字U度滚EE>标签的scrolld讲el解a完y实成属现时性思间路定：和1义5关分滚键钟代动码速度
16
阶段6
需求说明图示（一）
规范代码示例
定义锚点
链接到注 册页面
电子邮件
返回起始页
17
阶段6
需求说明图示（二）
锚点 <MARQUEE>滚 动
完成讲时解间需：求1说5明分钟
18
HTML的基本标签
相关回顾
HTML文档的结构 <IMG>标签、<P>标签 、<BR>标签 <A>标签、<MARQUEE>标签
2
上机目标
模拟拍拍网建立一个首页
教员讲解上机目标
3
训练技能点
会使用 <P> 、<BR> 、<PRE> 会使用<OL>、<UL> 、 <HR> 会使用<FONT> 、 <IMG> 会使用<A> 、 <MARQUEE>
6
阶段1
实现思路和关键代码：
HTML文档的结构 HTML标签的使用
规范代码示例
讲解完实成现时思间路：和10关分键钟代码
7
阶段2
规范代码示例
需求说明图示：通过手写记事本完成练习页面
<FONT size="+3">
使用<H1> 标签
页面背景色值： #CAE4FF
完成讲时解间需：求1说0明分钟
8
阶段2
14
阶段5
需求说明图示（二）
页面定位到指定 的锚点位置
点击[MOTO] 链接
文字滚动 显示
讲解需求说明
15
电子邮件 链接
阶段5
实现思路及关键代码
规范代码示例
1、 超链接<A>标签中hr指ef定属链性接跳定义了链接的方向
转页面
<A href=“login.html”>[登录]</A>
< MARQUEE scrolldelay=“150”>精品推荐</ MARQUEE >
<UL>无序 列表
页面背景色值： #CAE4FF
讲解完实成现时思间路：和10关分键钟代码
11
阶段4
共性问题集中讲解
常见调试问题及解决办法 代码规范问题
12
阶段5
训练要点 1. 超链接标签<A>的使用方法 2. 页面信息滚动标签<MARQUEE>
13
阶段5
需求说明图示（一）
链接到登 录页面
链接到 首页
共性问题集中讲解
常见调试问题及解决办法 代码规范问题
9
阶段3
训练要点： 1、有序列表标签<OL> 2、水平线标签<HR> 3、预格式化标签<PRE> 需求<O说列L>明表有序：
< PRE>预格 式化标签
10
规范代码示例
完成讲时解间需：求1说0明分钟
<HR>水平线
来自百度文库
阶段4
规范代码示例
需求说明：手写记事本实现下图所示内容
4
阶段1
训练要点：
1、HTML文档的基本结构，标签配对出现 2、<IMG>与文字关系 3、<H>、<P>、<BR> 4、<FONT> 、特殊字符的使用、 bgColor 属性
5
阶段1
需求说明：使用记事本来实现练习页面。
<P>段落 标签
<H1>标题 标签
这里使用了 特殊字符
图片标签 <IMG>
<FONT>标签
总结
总结并布置作业
19
2、<M指动A定R的文Q速字U度滚EE>标签的scrolld讲el解a完y实成属现时性思间路定：和1义5关分滚键钟代动码速度
16
阶段6
需求说明图示（一）
规范代码示例
定义锚点
链接到注 册页面
电子邮件
返回起始页
17
阶段6
需求说明图示（二）
锚点 <MARQUEE>滚 动
完成讲时解间需：求1说5明分钟
18