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

名师精编 优秀教案 HTML语言与网页制作教案 城步职业中学：刘红兰 教学内容： HTML语言与网页制作 教学目的： 1、掌握 输入和运行 HTML文件的方法 2 、掌握 HTML基本的结构标记 3 、掌握 html 在 网页特效中的简单运用 教学重点： HTML基本的结构标记 教学难点： html 在 网页特效中的简单运用 教学方法：演示法 教学地点：多媒体 教学课时： 1 课时 教学过程 : 一、什么是 HTML语言 网页是由一种称为 HTML的语言来描述的，网站中的大多数网页都以 HTML文件的 形式保存， HTML （HyperTextMark-upLanguage ）即 超文本标记语言 ，是 WWW的描 述语言。下面，让我们来看一看下面这个例子吧！ 如果我们要在网页中显示 “城步职业中专计算机 16 班！”一行文字， 可以用 HTML 语句来描述： html title 测试页面 /title body 城步职业中专计算机 16 班！ /body /html 输入并运行以上文件 , 可以看到如下的内容。 二、 输入和运行 HTML文件的方法 名师精编 优秀教案 1. 编辑 HTML文件所使用的软件 我们可以使用任何一种文本编辑软件来输入、 修改 HTML文件 。简单一点的有 Windows 中的 记事本、写字板、 Edit 、Word 等等。专业一点的有 EditPlus 等。 2 . 输入 HTML文件的方法 逐字键入英文和汉字，每键入一行，击一次回车键。 3 . 保存 HTML文件的方法 不管使用那种软件， 都要注意将 HTML文件另存为 “文本文件 ” （即TXT 文件） ，而且 文件后缀 ( 即扩展名 ) ，应该是 html 或 htm 。 4. 运行 HTML文件的方法 双击文件名，即可打开浏览器运行文件。 四、 常用的 HTML标记 ( 一 ) 基本的结构标记 （1） 开始和结束标记 html 表示 HTML语句开始 /html 表示 HTML语句结束 (2) 头部标记 head 头部开始 /head 头部结束 (3) 标题标记 title 标题开始 /title 标题结束 (4) 网页主体标记 body 网页主体开始 /body 网页主体结束 ［例题 1］HTML文件的结构 HTML HEAD TITLE 这是网页的标题，显示在浏览器的标题栏 /TITLE 此行信息叫做 头信息 （标题和头信息是可有可无的） br /HEAD 名师精编 优秀教案 BODY 在两个 Body 之间的