一个完整的html文档必须包含3个,第2章 HTML基本标记.ppt

第2章 HTML基本标记.ppt

教学内容一个完整的HTML文档必须包含3个部分一个由元素定义的文档版本信息，一个由定义各项声明的文档头部和一个由定义的文档主体部分。作为各种声明信息的包含元素出现在文档的顶端，并且要先于出现。而用来显示文档主体内容。文字是网页中最基本的信息载体，文字通过不同的排版方式、不同的设计风格排列在网页上，提供了丰富的信息。文字的控制与布局在网页设计中占了很大比例，因此掌握好文字的使用，对于网页制作来说是最基本的。本章就来讲解这些基本标记的使用，这些都是一个完整的网页必不可少的,第2章 HTML基本标记,教学重点 掌握HTML头部标记 掌握标题标记 掌握元信息标记 掌握页面的主体标记 掌握页面注释标记,2.1 HTML头部标记head,在HTML语言的头部元素中，一般需要包括标题、基础信息和元信息等。HTML的头部元素是以为开始标记，以为结束标记的,HTML页面的标题一般是用来说明页面的用途，它显示在浏览器的标题栏中。在HTML文档中，标题信息设置在与之间。标题标记以开始，以结束,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 设置页面的定时跳转,使用标记可以使网页在经过一定时间后自动刷新，这可通过将http-equiv属性值设置为refresh来实现。content属性值可以设置为更新时间。 在浏览网页时经常会看到一些欢迎信息的页面，在经过一段时间后，这些页面会自动转到其他页面，这就是网页的跳转,2.4 页面注释标记,注释是在HTML代码中插入的描述性文本，用来解释该代码或提示其他信息。注释只出现在代码中，在浏览器的页面中不显示。在HTML源代码中适当地插入注释语句是一种非常好的习惯。对于设计者日后的代码修改、维护工作很有好处。另外，如果将代码交给其他设计者，其他人也能很快读懂前者所编写的内容,HTML文档中包含有各种级别的标题，各种级别的标题由到元素来定义。其中，代表最高级别的标题，依次递减，级别最低,2.5 标题字,2.5.1 标题字标记h,到元素中的字母h是英文headline的简称。作为标题，它们的重要性是有区别的，其中标题的重要性最高，的最低,2.5.2 标题字对齐属性align,默认情况下，标题文字是左对齐的。而在网页制作过程中，常常需要选择其他的对齐方式。关于对齐方式的设置要使用align参数进行设置,2.6 标记段落,在网页中如果要把文字有条理地显示出来，离不开段落标记的使用。在HTML中可以通过标记实现段落的效果,2.6.1 段落标记p,是HTML文档中最常见的标记，用来起始一个段落,2.6.2 换行标记br,换行标记的作用是在不另起一段的情况下将当前文本强制换行,2.6.3 不换行标记nobr,在网页中如果某一行的文本过长，浏览器会自动对这段文字进行换行处理。可以使用nobr标记来禁止自动换行,2.7 水平线,在网页中常常看到一些水平线将段落与段落之间隔开，这些水平线可以通过插入图片实现，也可以更简单地通过标记来完成。 标记代表水平分割模式，并会在浏览器中显示一条线,在网页中除了可以输入汉字、英文和其他语言外，还可以输入一些空格和特殊字符，如、、等,2.8 其他标记,2.8.1 插入空格,可以用许多不同的方法来分开文字，包括空白、标签和Enter，这些都被称为空格，因为它们可增加字与字之间的距离,除了空格以外，在网页的创作过程中，还有一些特殊的符号也需要使用代码进行代替。一般情况下，特殊符号的代码由前缀“”组成,2.8.2 插入特殊符号,2.9经典习题,1. 填空题 (1)一个完整的HTML文档必须包含3个部分一个由元素定义的_________，一个由定义各项声明的_________和一个由定义的_________。 (2)meta元素提供的信息不显示在页面中，一般用来定义页面信息的_________、_________、_________等。HTML页面中可以有多个meta元素。 (3)使用标记可以使网页在经过一定时间后自动刷新，这可通过将http-equiv属性值设置为_________来实现,2. 上机操作题,制作一个如图2.13所示的基本文本网页