html代码入门

教学内容：HTML代码入门教学目标：1.了解html代码2.熟记html标签格式特点。3.熟记网页的基本结构及相关标签代码。教学重难点：1.标签代码的对应关系及标签格式。2.网页的基本结构及相关标签代码。教学方法：演示法、讲解法教学学法：观察法、接受法课时安排：1课时教学过程：引入：1.我们之前制作网页的软件叫什么？Dreamweaver2.Dreamweaver软件有3中显示视图，是哪三种？我们一般在什么视图中制作网页的呢？代码、拆分、设计；设计新课：我们这一节课就来学习下代码视图如何来制作网页。首选回忆下我们之前做的网页保存的网页文档后缀名是什么？Html或者htm。什么是html呢？HTML是用来描述网页的一种语言。HTML指的是超文本标记语言(HyperTextMarkupLanguage)HTML不是一种编程语言，而是一种标记语言(markuplanguage)标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页作用：超文本标记语言是指Html可以加入图片、声音、动画、影视内容等，它可以从一个文件跳转到另一个文件。观看记事本保存的2个网页如下图：这两张图有什么区别呢？这些代码就是html的标记标签，有什么特点呢？1.HTML标签是由尖括号包围的关键词。2.HTML标签通常是成对出现的，标签对中的第一个标签是开始标签，第二个标签是结束标签。打开Dreamweaver软件，观看代码：又多了一些html标签，这里涉及到了2个单标签doctype、meta，这两个标签主要用于软件版本、文档相关属性等的申明。我们的网页的基本结构：HTML标签用于标记HTML文档的开始和结束之间的文本用于描述网页。HTML.../HTMLhtmlheadtitle我的第一张网页/title/headbody万丈高楼平地起，代码网页刚开始。/body/html网页头部份网页主体部分网页起始HEAD标签用于HTML文档的头部部分可以包含文档的标题如title……/title、脚本代码script……/script等.注意：头部信息不在浏览器中显示，如标题显示在浏览器的什么地方？标题栏。笔记：标题(title)是最常用的head信息。它不显示在HTML网页正文里，显示在浏览器窗口的标题栏里。BODY标签用于HTML文档的正文部分是文档的正文部分，包含table……/table、ahref……/a、换行br、水平线hr等许多标签。注意：body……/body之间所定义的文本及图像等，将通过浏览器而显示出来。我们来看下本节课的代码的预览效果：观看title标签的内容显示的位置，和body标签所显示的位置。在浏览器打开的网页中我们能看到标签代码吗？不能！！Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签，而是使用标签来解释页面的内容。教学小结：1.HTML指的是超文本标记语言。2.网页的基本机构作业：1.判断：（）HTML指的是超文本标记语言，是一种编程语言。2.标签html……/html代表的_____________;head……/head代表的_____________;title……/title代表的_____________;body……/body代表的_____________.3.使用txt文本，正确使用代码的方式做作一个简单网页，保存为“代码HEAD.../HEADbody.../bodyhtmlheadtitle我的第一张网页/title/headbody万丈高楼平地起，代码网页刚开始。/body/html网页头部份网页主体部分网页起始开始.html”，然后用Dreamweaver软件打开网页，在“设计视图”中插入图片、超链接、声频，在“代码视图”中观看相应的代码，尝试记住！探索：1.使用txt文本用代码的方式做作一个简单网页，在制作过程中“故意”少些一些代码或‘’、‘’符号，看看有什么效果，会有什么影响？教学反思：