第03篇 超文本标记语言HTML.docVIP

第章 HTML HTML语言是网页制作的一种规范，一种标准。几乎所有的网页都是以HTML格式书写的，它通过标识符来标记网页的各个部分。本章主要介绍了HTML语言的基本概念、基本结构、语法规则以及使用HTML制作网页的各种标记符的设置方法，包括网页文字和段落的设置、网页中表格的设计、图片和超链接的设置等。通过本章的学习，用户可以使用HTML制作出精美的网页。 3.1 HTML概述 3.1.1 HTML的基本概念 1.HTML概述 HTML是Hyper Text Markup Language（超文本标记语言）的缩写，它是构成Web页面的基本元素，它是一种规范，一种标准，几乎所有的网页都是以HTML格式书写的。 HTML不是一种编程语言，而是一种描述性的标记语言，它通过标识符来标识网页内容的显示方式，比如图片的显示尺寸，文字的大小、颜色、字体等。而WWW浏览器的功能就是对这些标记进行解释，显示出文字、图像、动画、媒体等网页内容。 一个HTML文件的后缀名是.html或者是.htm，由于HTML是一个纯文本格式的ASCII文件，因此，用任何文本编辑器都可以编写HTML网页文件。 HTML语言作为一种描述性的标记语言，易学易懂，能够制作出精美的网页效果，其主要功能如下： （1）格式化文本。如设置文本字体、字号、颜色以及文本段落、对齐方式等。 （2）创建列表。把信息用一种易读的方式表现出来。 （3）建立表格。表格为浏览者提供快速找到需要信息的显示方式，还可以用表格来布局网页。 （4）插入图片。使网页图文并茂，还可设置图像的各种属性，如大小、边框、布局等。 （5）加入多媒体。可在网页中加入音频、视频、动画等效果。 （6）添加交互式表单等。 2.标记符 标记符又称标签，它是用来控制网页内容显示效果的。它在使用时必须用“ ”括起来。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。开始标记符和相应的结束标记符定义了标记符所影响的范围。结束标记符与开始标记符的区别在于有一个斜线。标记符是不区分大小写的，但通常约定标记符使用大写字母，这有利于HTML文档的维护。其格式为： 标记符受影响的内容/标记符 3.标记符的属性 标识符仅仅用来标识所显示的内容，但如何控制这些内容，这就需要在标记符后面加上相关的属性来实现。属性是用来描述标识符标识对象的特征。在HTML中，所有的属性都放置在开始标记符的尖括号里，属性与标记符之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔，其格式为： 标记符 属性1=属性值1 属性2=属性值2 …受影响的内容/标记符 例如：FONT color=red size=3属性示例/FONT 表示字体标记FONT有属性color和size。属性color表示文字的颜色，属性size表示文字的大小。 3.1.2 HTML的基本结构 HTML网页文件主要由文件头和文件体两部分内容构成。其中，文件头是对文件进行一些必要的定义，文件体是HTML网页的主要部分，它包括文件所有的实际内容。下面是HTML网页的基本结构。 HTML HTML文件开始 HEAD 文件头开始 文件头 /HEAD 文件头结束 BODY 文件体开始 文件体 /BODY 文件体结束 /HTML HTML文件结束 1.HTML文件标记符 HTML和/HTML标记符放在网页文档的最外层，表示这对标记符之间的内容是HTML文件。HTML处于文件的最前端，表示HTML文件的开始，即浏览器从HTML开始解释。而/HTML则位于文件的最后一行，这表示这一整份的文档都是HTML语法的文档。 2.HEAD文件头标记符 HEAD和/HEAD是HTML文件头标记符，它用来说明文档的整体信息，所标记的内容并不会出现在WWW浏览器所看到的窗体中。HEAD…/HEAD通常与某些标记符一起使用，下面是一些主要的标记符： （1）TITLE…/TITLE TITLE…/TITLE标记符是用来标识网页文件的标题，它出现在浏览器的标题栏中，一个网页只能有一个标题，并且只能出现在文件的头部。 （2）META META标识符是用来提供文档的媒体信息，目的是便于浏览器识别网页内容或者便于搜索引擎进行查找和分类。下面介绍几种常用用法： META http-equiv=“Content-Type” content=“text/html; charset=gb2312” 用来标记网页的解码方式，即说明使用的文字语言 META name=keywords content=关键字 用来标记搜索引擎在搜索你的页面时所取出的关键字。 META name=DEscription contect=站点主要内容 用来标记站点的主要内容。