HTML语言与网页制作教案.doc

HTML语言与网页制作教案.doc

ID:59006671

大小:150.00 KB

页数:4页

时间:2020-09-15

HTML语言与网页制作教案.doc_第1页
HTML语言与网页制作教案.doc_第2页
HTML语言与网页制作教案.doc_第3页
HTML语言与网页制作教案.doc_第4页
资源描述:

《HTML语言与网页制作教案.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、HTML语言与网页制作教案城步职业中学:刘红兰教学内容:HTML语言与网页制作教学目的:1、掌握输入和运行HTML文件的方法2、掌握HTML基本的结构标记3、掌握html在网页特效中的简单运用教学重点:HTML基本的结构标记教学难点:html在网页特效中的简单运用教学方法:演示法教学地点:多媒体教学课时:1课时教学过程:一、什么是HTML语言网页是由一种称为HTML的语言来描述的,网站中的大多数网页都以HTML文件的形式保存,HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言。下面,让我们来看一看下面这个例子吧!如果我们要在网页中显示“城步职业中

2、专计算机16班!”一行文字,可以用HTML语句来描述:     测试页面             城步职业中专计算机16班!       输入并运行以上文件,可以看到如下的内容。二、输入和运行HTML文件的方法  1.编辑HTML文件所使用的软件我们可以使用任何一种文本编辑软件来输入、修改HTML文件。简单一点的有Windows中的记事本、写字板、Edit、Word等等。专业一点的有EditPlus等。 2.输入HTML文件的方法  逐字键入英文和汉字,每键入一行,击一次回车键。 3.保存HTML文件的方法  

3、不管使用那种软件,都要注意将HTML文件另存为“文本文件”(即TXT文件),而且文件后缀(即扩展名),应该是html或htm。 4.运行HTML文件的方法双击文件名,即可打开浏览器运行文件。四、常用的HTML标记(一) 基本的结构标记(1)开始和结束标记     表示HTML语句开始       .....     表示HTML语句结束(2)头部标记     头部开始      ......     头部结束(3)标题标记     标题开始       .....     标题结束(4)网页主体标记    

4、ody> 网页主体开始     ......    网页主体结束[例题1]HTML文件的结构 这是网页的标题,显示在浏览器的标题栏此行信息叫做"头信息"(标题和头信息是可有可无的)
在两个Body之间的是网页的主体信息
  主体信息可以有                   
  图片、                           
  文字、                           
  表格、                           

5、
  动画等等                         
运行结果如下:(二) 常用的标记 1.换行标记  
   (单个使用) 2. 水平线标记 


   (单个使用) 3.段落标记

......

 [例题2] 画水平线  
 欢迎您光临! 

6、%align=center>
 运行结果如下4.背景色标记5.背景图形标记五、网页特效例题 先弹出一个欢迎窗口 在网页HTML代码的内插入script指令,使之成为  使别人在打开网页之前先弹出一个欢迎窗口。六、作业用HTML语言编写一个网页,要求网页的背景色为蓝色,字体为楷体红色7号字,文字内容为“计算机16班网页制作课,HTML语言的学习“,并且画一根水平线。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。