第2章-HTML基本标记.pptVIP

2.9经典习题 1. 填空题 （1）一个完整的HTML文档必须包含3个部分：一个由html元素定义的_________，一个由head定义各项声明的_________和一个由body定义的_________。 （2）meta元素提供的信息不显示在页面中，一般用来定义页面信息的_________、_________、_________等。HTML页面中可以有多个meta元素。 （3）使用meta/标记可以使网页在经过一定时间后自动刷新，这可通过将http-equiv属性值设置为_________来实现 。 2. 上机操作题 制作一个如图2.13所示的基本文本网页 。 * 教学内容：一个完整的HTML文档必须包含3个部分：一个由html元素定义的文档版本信息，一个由head定义各项声明的文档头部和一个由body定义的文档主体部分。head作为各种声明信息的包含元素出现在文档的顶端，并且要先于body出现。而body用来显示文档主体内容。文字是网页中最基本的信息载体，文字通过不同的排版方式、不同的设计风格排列在网页上，提供了丰富的信息。文字的控制与布局在网页设计中占了很大比例，因此掌握好文字的使用，对于网页制作来说是最基本的。本章就来讲解这些基本标记的使用，这些都是一个完整的网页必不可少的。 第2章 HTML基本标记 教学重点 掌握HTML头部标记 掌握标题标记 掌握元信息标记 掌握页面的主体标记 掌握页面注释标记 2.1 HTML头部标记head 在HTML语言的头部元素中，一般需要包括标题、基础信息和元信息等。HTML的头部元素是以head为开始标记，以/head为结束标记的。 HTML页面的标题一般是用来说明页面的用途，它显示在浏览器的标题栏中。在HTML文档中，标题信息设置在head与/head之间。标题标记以title开始，以/title结束。 2.2 标题标记title meta元素提供的信息不显示在页面中，一般用来定义页面信息的说明、关键字、刷新等。在HTML中，meta标记不需要设置结束标记，在一个尖括号内就是一个meta内容。在一个HTML页面中可以有多个meta元素。meta元素的属性有name和http-equiv，其中name属性 主要用于描述网页，以便于搜索引擎查找、分类 。 2.3 元信息标记meta 在搜索引擎中，检索信息都是通过输入关键字来实现的。关键字是整个网站登录过程中最基本也是最重要的一步，是进行网页优化的基础。关键字在浏览时是看不到的，它可供搜索引擎使用。当用关键字搜索网站时，如果网页中包含该关键字，就可以在搜索结果中列出来颜色等。 2.3.1 设置页面关键字 设置页面说明也是为了便于搜索引擎的查找，它用来详细说明网页的内容，页面说明在网页中不显示出来。 2.3.2 设置页面说明 现在有很多编辑软件都可以制作网页，在源代码的头部可以设置网页编辑工具的名称。与其他meta元素相同，编辑工具也只是在页面的源代码中可以看到，而不会显示在浏览器中。 2.3.3 定义编辑工具 2.3.4 设置作者信息 在源代码中还可以设置网页制作者的姓名 。 2.3.5 设置页面文字及语言 在网页中还可以设置语言的编码方式，这样浏览器就可以正确地选择语言，而不需要人工选取。 2.3.6 设置页面的定时跳转 使用meta/标记可以使网页在经过一定时间后自动刷新，这可通过将http-equiv属性值设置为refresh来实现。content属性值可以设置为更新时间。 在浏览网页时经常会看到一些欢迎信息的页面，在经过一段时间后，这些页面会自动转到其他页面，这就是网页的跳转。 2.4 页面注释标记！- - 注释是在HTML代码中插入的描述性文本，用来解释该代码或提示其他信息。注释只出现在代码中，在浏览器的页面中不显示。在HTML源代码中适当地插入注释语句是一种非常好的习惯。对于设计者日后的代码修改、维护工作很有好处。另外，如果将代码交给其他设计者，其他人也能很快读懂前者所编写的内容。 HTML文档中包含有各种级别的标题，各种级别的标题由h1到h6元素来定义。其中，h1代表最高级别的标题，依次递减，h6级别最低。 2.5 标题字 2.5.1 标题字标记h h1到h6元素中的字母h是英文headline的简称。作为标题，它们的重要性是有区别的，其中h1标题的重要性最高，h6的最低 。 2.5.2 标题字对齐属性align 默认情况下，标题文字是左对齐的。而在网页制作过程中，常常需要选择其他的对齐方式。关于对齐方式的设置要使用align参数进行设置 。 2.6 标记段落 在网页中如果要把文字有条理地显示出来，离不开段落标记的使用。在HTML中可以通过标记实现段落的效果