2022年HTML语言与网页制作教案_第1页
2022年HTML语言与网页制作教案_第2页
2022年HTML语言与网页制作教案_第3页
2022年HTML语言与网页制作教案_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、名师精编 优秀教案HTML语言与网页制作教案 城步职业中学：刘红兰 教学内容： HTML语言与网页制作 教学目的： 1、把握 输入和运行 HTML文件的方法 2、把握 HTML基本的结构标记 3、把握 html 在网页特效中的简洁运用 教学重点： HTML基本的结构标记 教学难点： html 在网页特效中的简洁运用 教学方法：演示法 教学地点：多媒体 教学课时： 1 课时 教学过程 : 一、什么是 HTML语言 网页是由一种称为 HTML的语言来描述的,网站中的大多数网页都以 HTML文件的 形式储存, HTML（HyperTextMark-upLanguage ）即 超文本标记语言,是 WW

2、W 的描 述语言；下面,让我们来看一看下面这个例子吧！假如我们要在网页中显示“ 城步职业中专运算机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 网页主体标记 网页主体开头 . 网页主体终止例题 1HTML文件的结构 这是网页的标题,显示在浏览器的标题栏 此行信息叫做 头信息 （标题和头信息是可有可无的） 名师精编 优秀教案 在两个 Body 之间的是网页的主体信息 主体信息可以有图片、文字、 表格、动画等等 运行结果如下： 二 常用的标记1. 换行标记 单个使用 2. 水平线标记 单个使用 3. 段落标记 . 例题 2 画水平线 欢迎您光临！ 名师精编 优秀教案 运行结果如下4. 背景色标记 5. 背景图形标记 五、网页特效例题 先弹出一个欢迎窗口 在网页 HTML代码的 内插入 script 指令,使之成为 使别人在打开网页之前先弹出一个欢迎窗口；六、作业 用 HTML语言编写一个网页,要求网页的 背景色

人人文库> 全部分类> 教育资料 > 中学教育

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论