模块3-利用HTML编写简单网页

《模块3-利用HTML编写简单网页》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、主讲教师：谭荣华网页设计与制作——学习情境3：利用HTML编写简单网页布置习题学习目标知识讲解课堂实践教学总结利用HTML编写简单网页学习情境3课程引导网页的组成元素以及属性设置最终都形成HTML代码，有必要对HTML语言的语法结构、HTML标记有一定的了解，虽然很少直接输入HTML代码制作网页，但经常要修改HTML代码以满足网页设计的需要，当HTML代码出现错误时，也要切换到代码视图，查找并改正错误。概述布置习题知识讲解课堂实践教学总结课程引导利用HTML编写简单网页学习情境3学习目标掌握Dreamweaver

2、CS3的HTML源代码编辑功能。掌握快速标签编辑器、标签选择器和标签编辑器的使用方法。掌握常用的HTML标记的含义及其应用。学会手工修改HTML代码。学习目标专业能力目标专业知识目标专业素质目标布置习题知识讲解课堂实践教学总结课程引导利用HTML编写简单网页学习情境3学习目标手工编写、修改HTML代码的能力专业能力目标布置习题知识讲解课堂实践教学总结课程引导利用HTML编写简单网页学习情境3学习目标HTML语言的结构、格式文本、排版格式、图像、链接、表格、表单、层等标记块级元素和行级元素的概念和区别专业知识目标布

3、置习题知识讲解课堂实践教学总结课程引导利用HTML编写简单网页学习情境3学习目标自主学习能力创新能力感悟能力效率观念获取知识能力专业素质目标课堂实践布置习题学习目标教学总结课程引导利用HTML编写简单网页学习情境3知识讲解教学案例案例01-利用HTML代码编写网页案例02-在网页中输入并设置文本案例03-更改网页中的背景综合案例实训-制作“九龙湾”图文混排网页案例04-处理网页中的图像案例05-创建简单表格课堂实践布置习题学习目标教学总结课程引导利用HTML编写简单网页学习情境3知识讲解案例操作过程相关知识点案例

4、01-利用HTML代码编写网页课堂实践布置习题学习目标教学总结课程引导利用HTML编写简单网页学习情境3知识讲解相关知识点HTML(HyperTextMarkupLanguage)即超文本标记语言，是使用类似于“…”的标记来描述头部信息、段落、列表、超链接等内容的一种结构化语言。目前我们所使用的是HTML4.01版HTML→XMLDHTMLXHTML可以看作是一种过渡HTML简介课堂实践布置习题学习目标教学总结课程引导利用HTML编写简单网页学习情境3知识讲解相关知识点一个标准的HTML文件

5、的基本结构如下：……(一般为标题等)……(一般为正文)HTML文件结构说明：HEAD标记部分一般描述有关该HTML文件的一些基本信息，如：网页标题、关键字和网页制作工具等信息说明：BODY标记是主体，是HTML文件的实际内容说明：并不强求书写缩进，只为易读性课堂实践布置习题学习目标教学总结课程引导利用HTML编写简单网页学习情境3知识讲解相关知识点标记：是元素的代码表现形式。是指由”<”和”>”括起来的具有特定含义的字符串，每一个HTM

6、L元素都有对应的起始标记和结束标记。开始标记为<>结束标记为。属性：与标记相关的若干性质，只出现在起始标记中，且具有固定的描述结构即属性名=“属性值”。如：标记与属性标记和属性的一些特性：HTML标记和属性通常不区分大小写属性值通常用双引号引起来，属性值为单个字符时可省各属性之间用空格分开，如一行写不下，可在下行接着写HTML元素允许相互嵌套，但不得交叉嵌套每个HTML元素只能嵌套合法的子元素有些HTML元素可以没有结束标记所有的HTML标记均为ASCII码字符

7、，不能是全角、中文字符课堂实践布置习题学习目标教学总结课程引导利用HTML编写简单网页学习情境3知识讲解相关知识点特殊字符常用转义字符对应字符串©©®®“"££¥¥<<>>空格 在HTML中，定义转义字符串的原因有两个：第一个原因是像“<”和“>”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时，要严格遵守字母

8、大小写的规则。第二个原因是，有些字符在ASCII字符集中没有定义，因此需要使用转义字符串来表示。如：

版权所有©南昌师专