2022年HTML语言教程 .pdf

《2022年HTML语言教程 .pdf》由会员分享，可在线阅读，更多相关《2022年HTML语言教程 .pdf（47页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、HTML 语言教程HTML 语言教程 . 1 1 HTML 文档的基本结构及编辑运算 . 3 1.1 HTML 介绍 . 3 1.1.1 HTML 用途 . 3 1.1.2 HTML 产生 . 4 1.1.3 HTML 目的 . 4 1.2 一、超文本链接的相关概念 . 4 1.2.1 1超链接（ Hyperlink） . 4 1.2.2 2统一资源定位器. 5 1.2.3 3超文本传输协议和HTTP 服务器 . 5 1.2.4 4HTTP 服务器的页（page）和主页（ Homepage） . 5 1.3 二、标记基础知识 . 5 1.3.1 1标记（ Markup） . 5 1.3.2 2

2、标签（ tag） . 6 1.3.3 3元素（ element） . 6 1.4 三、 HTML 文档的基本结构 . 6 1.4.1 1HTML 容器标记 . 6 1.4.2 2头标记（ head） . 7 1.4.3 3体标记（ body）. 7 1.4.4 4一个最简单HTML 文档组成 . 7 2 HTML 的语法基础、文档格式 . 8 2.1 一、 HTML 语句的语法 . 8 2.1.1 1. 标签（ TAG ） . 8 2.1.2 2. 属性（ ATTRIBUTES ） . 8 2.1.3 3. 字符规定 . 9 数字转换码 . 9 2.1.4 4. 注释（ comments）.

3、10 2.2 二、头 HEAD . 10 2.2.1 1. 文档标题标签TITLE .11 2.2.2 2. 基地址标签BASE .11 2.2.3 3. 关键字索引标签ISINDEX . 12 2.3 三、体 BODY . 12 2.4 四、格式类标签. 13 2.4.1 1. 行中断标签BR . 13 2.4.2 2分段标签 P. 13 2.4.3 3. 不换行标签 . 14 2.4.4 4. 字符格式编排标签 . 14 2.4.5 5项目标题标签 . 16 2.4.6 6预定义标签PRE. 17 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - -

4、 - - - - - 名师精心整理 - - - - - - - 第 1 页，共 47 页 - - - - - - - - - 2.4.7 7块引用标签 . 18 2.4.8 8水平线标签HR . 18 2.4.9 9地址标签 . 19 2.5 五、列表元素 . 19 2.5.1 1. 列表标签 和 . 19 2.5.2 2. 顺序列表标签 和 . 20 2.5.3 3. 目录列表标签 和. 20 2.5.4 4. 菜单列表标签 和 . 21 2.5.5 5. 定义列表标签, 和. 21 2.6 六、短语元素 . 21 2.6.1 1. 物理风格的短语元素. 21 2.6.2 2. 逻辑风格的短

5、语元素. 22 3 HTML 的表格、图象与声音. 22 3.1 一、表格标签TABLE . 22 3.1.1 1. 表格标签 TABLE 和 /TABLE . 22 3.1.2 2. 行标签 和. 23 3.1.3 3. 表格数据标签 和. 23 3.1.4 4. 表头标签 和 . 24 3.1.5 5表格标题标签 和 . 24 3.2 二、图像标签 . 24 3.2.1 1. 属性 SRC . 25 3.2.2 2. 属性 ALIGN. 25 3.2.3 3. 属性 ALT . 25 3.2.4 4. 属性 ISMAP . 26 3.2.5 5. 属性 WIDTH . 26 3.2.6 6

6、. 属性 HEIGHT . 26 3.2.7 7. 属性 BORDER . 26 3.2.8 8. 属性 VSPACE . 26 3.2.9 9. 属性 HSPACE . 26 3.2.10 10图像映射命令. 27 3.3 三、声音. 28 3.3.1 1添加声音和视频图像标签 . 28 3.3.2 2. 声音标签 . 29 4 超级链接的实现. 30 4.1 一、锚标 . 30 4.1.1 1. 属性 HREF. 30 4.1.2 属性 NAME. 30 4.1.3 1. 属性 TITLE . 32 4.1.4 4.属性 METHODS （*）. 32 4.1.5 5.属性 ONCLICK

7、. 32 4.1.6 6.属性 ONMOUSEOUT. 32 4.1.7 7.属性 ONMOUSEOVER . 33 4.1.8 8.属性 TRAGET . 33 4.2 二、在超链接中准确定位. 33 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 47 页 - - - - - - - - - 4.3 三、利用图像进行超链接. 34 4.4 四、可访问的资源 . 34 4.4.1 1. World Wide Web . 34 4.4.2 2gopher . 35 4.4

8、.3 3. E-mail. 35 4.4.4 4.telnet . 35 4.4.5 5.ftp . 35 5 交互格式操作 . 35 5.1 一、交互格式操作标签. 35 5.1.1 1. 属性 ACTION . 36 5.1.2 2. 属性 METHOD. 36 5.2 二、标签 INPUT . 36 5.2.1 TYPE=text （文本） . 36 5.2.2 TYPE=password （口令） . 38 5.2.3 TYPE=checkbox （复选项） . 38 5.2.4 TYPE=radio （单选项） . 38 5.2.5 TYPE=hidden （隐含） . 38 5.2

9、.6 TYPE=reset （复位） . 39 5.2.7 TYPE=submit （提交） . 39 5.2.8 TYPE=image（提交图像）. 39 5.3 三、下拉式菜单标签 . 39 5.3.1 1 和 . 39 5.3.2 2 标签. 40 5.4 四、文本输入标签 . 40 5.5 五、交互格式操作的数据传送格式. 41 5.6 六、交互格式操作的数据储存和反馈 . 42 5.7 七、框架设计 . 44 6 其他 . 44 6.1 颜色 . 44 1 HTML 文档的基本结构及编辑运算1.1 HTML介绍1.1.1 HTML用途超文本标记语言HTML是 Web的通用语言，是创建

10、Web页和发布Web信息的格式，是Web设计的基础，是控制Web浏览器在屏幕上显示内容的核心技术。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 47 页 - - - - - - - - - 1.1.2 HTML产生十九世纪七十年代，美国哈佛大学的学生Ted.Nelson提出了一个极富有创造性的幻想：全球将建立一个信息网，在这个信息网上用户可以任意地选择其所需访问的信息资源，而不需要关心这些信息量的来源。为此他还创造了一个术语- 超文本。超文本具的极强交互能力。用户只需指

11、点文本中的字或词组，便可激发与其语意相关的新的信息流。因为在超文本中的许多字或词都具有一个链，将其指向另一个文本，而之后仍有链接指向下一个文本。这样只凭借词义或语意的关系即可供人们任意浏览。这是一个迈向新技术挑战的幻想，是人类向信息社会迈进时梦寐以求的目标。当年的幻想随着世界计算机技术的飞速发展，如今已成为现实。 HTML 是 1986 年制定的国际标准ISO8879- Standard Generalized Markup Language(SGML)的一种应用。 SGML是一种工业技术中应用的标记语言的标准，它由三个部分组成：说明、程序和实例。其序言是一种文档类型定义（DTD） ，它定义了

12、一种语法。HTML即是 SGML的一种语法定义。HTML近似于 SGML的一个简化的专业版，但是它提供的信息链接特性使其成为有别于SGML的一种著名计算机语言。HTML继早先发表的0.9 版、 1.0 版和 2.0 版后， 于 1995 年 3 月发表了 3.0 版 （HTML Specification Version3.0）的草案，即未正式发表的版本。值得一提的是1.0 版、2.0 版或 3.0 并不是指这种语言的软件产品的版本，而是指 HTML的语法规定的版本。它被子称为Internet工程任务实施方案（ Draft the Internet Engineering Task Force

13、） 。它由 Internet工程任务实施（IETF ）的HTML工作组在 “ html-wgwg.oclc.org”中发布。1.1.3 HTML目的最初设计HTML语言的目的是使科学家们可以创建包含基本格式化命令（即标记）和其他信息链接（称作超文本或超链接）的基于文本的文档。例如，一个有关地震的文档可以包含一个到其他科学家撰写的有关板块构造理论的文档的链接。 HTML 用于编制可以在不同的平台上实施链接的超文本文件。HTML的标记可以表达超文本的新闻、邮件、文档及超媒体- 包含在线的图形、视像的信息体。在这一节中将介绍HTML是如何实现超文本的链接，HTML文档的基本组成以及支持HTML文档的

14、传输协议HTTP。它们是 HTML的基础，又是一些容易混淆的抽象概念。1.2 一、超文本链接的相关概念1.2.1 1超链接（ Hyperlink ）超文本的链接称为超链接。在HTML中将超链接定义为两个锚标（anchor ）之间的联系。锚标是信息存储的地点。形成超链接的两个地点必然是从源点（source ）指向目标（ destination） 。若用一个箭头来描述一个超链接关系，则出发的源点是箭头的尾（tail） ，到达的目的地是箭头的头（ head ） 。在实际应用中，用鼠标点击屏幕上的超文本之处即是超链接的源点或尾，由该链接所调出的文档所在地点即是超链接的目标或头。名师资料总结 - - -

15、精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 47 页 - - - - - - - - - 1.2.2 2统一资源定位器超链接的目标地点的描述采用统一资源定位的方法。在超文本中任何一个目标地点都有一个统一资源定位器 （URL ，Uniform Resoure Location） 。它确定了网络中任何一个文档的所在地点。URL由三个部分组成，例如学院主页的 URL为：http:/http:定义了服务器的访问方法，亦即是访问协议的名称。http-超文本传输协议（后面介绍）。 / ：定义了服务器地址

16、，或称主机名（hostname ） 。/ ：定义了文件在服务器中的路径和文件名称。上述的表达必须符合Internet中资源描述的统一规定，因而都冠以“ 统一资源 ” 的称呼。1.2.3 3超文本传输协议和HTTP 服务器支持超链接的协议就是超文本传输协议HTTP 。超文本传输协议的作用是通过HTML文档和支持HTML的浏览器来实现的。换句话说，在Wold Wide Web 上用浏览器来浏览超文本文档时所依靠和遵循的规则就是HTTP协议。存放 HTML文档的服务器称为HTTP服务器或 Web服务器。在HTML文档中用 “ http:/, ”表示一个 HTTP服务器的地址。支持 HTTP协议的浏览

17、器称为Web浏览器。通常Web浏览器也支持其他的文件传输协议如FTP等。1.2.4 4HTTP 服务器的页（page）和主页（ Homepage）由于 HTML文档均是用于浏览的，浏览中出现的都是页面，因此常把HTML文档编辑称为页面编辑，把服务器中不同的HTML文档称为不同的页。通常在每个服务器的根目录中都可以放置一个缺省的文档，类似于DOS中的自动批处理文件autoexec.bat。 UNIX系统支持的HTTP 服务器中它的名字为index.html，其它系统支持的服务器中的名字为welcome.htm 。在 HTML中超链接的统一资源定位即是对HTTP服务器的寻址。 当一个超链接仅给出服

18、务器地址时同即能自动显示这个缺省文件。这个特殊的文档就称为主页或起始页（Homepage） 。用户可通过这个主页所提供的超链接十分方便地浏览该服务器中的其他相关文档。1.3 二、标记基础知识1.3.1 1标记（ Markup ）标记是 HTML文档的基本特征。在HTML的文档中，字符和数据的语法结构是通过标记来表达的。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 47 页 - - - - - - - - - 因此标记是HTML语言的标签符号和用标签符号构成的各种元素的统

19、称。1.3.2 2标签（ tag）标签是描述性的标记，用一对 符号中间包含若干字符来表示。标签通常是配对使用的，前一个是开始标签 （start-tag） ， 后一个是结束标签 （end- tag ） 。 结束标签的符号内第一个字符是“ / ” 。还有一种标签是不配对使用的，像是仅用了一个开始标签，称为空标签。1.3.3 3元素（ element）元素是 HTM文档中的组成部分，相当于程序中的语句。各种元素都应符合文档类型定义（DTD）的规定。例如：HTML 中有头（ head ） ，标题（ title） ，列表（ list） ，等各种类型的元素。一个HTML文档就是由不同类型元素组成的有序结构

20、。元素的表示通常是一个开始标签，标签内表明元素名。开始标签后跟着元素内容的字符串，字符串后面是结束标签。一对标签用来定界定一个元素。空标签亦界定一个元素。例如： This is a Heading (用一对标签来界定一个元素。) This is a paragrph. (用一个空标签界定一个元素。)元素是可以嵌套的。例如： An Example of Nested Element元素的具体表达方法体现了HTML的语法规定。 （ 有关元素在实际应用中表达的更详细的内容在后面讨论）。1.4 三、 HTML 文档的基本结构HTML文档具有 最基本的结构框架“ 头 ” 和 “ 体 ” 。 HTML文档

21、均用于在浏览器上显示，而支持HTTP 的浏览器均为WINDOW S 式的图形用户接口（ GUI）界面，因此HTML文档的基本结构是依据这一要求而设计确定的。一个GUI 的视窗通常由标题栏和窗口体作为其最基本的构成。HTML 文档结构的“ 头” 和“ 体” 正应于这一要求。1.4.1 1HTML容器标记HTML 文档的第一个标记 是 HTML的容器标记，它向浏览器指示，其后的代码应使用由 HTML 制定的语法和结构规则来处理。相应的结束标记 出现在文件的结尾处。注意：不要把HTML文档的任何文本放置在这两个标记的外面，否则其结果是不可预见的。名师资料总结 - - -精品资料欢迎下载 - - -

22、- - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 47 页 - - - - - - - - - 1.4.2 2头标记（ head）和 是一对头标签，是标记文件头区域的分界线（.） ，s 有在浏览器的标题栏中显示的文档标题名称（title ）和该文档有关的属性参数。它是HTML 文档的第一个部分，是一个可选项。（尽管HTML规定一些元素只能在它的内部使用。）在文档头中能用于浏览显示的元素仅有标题（title ） ，其他的元素均不显示。TITLE （标题）也是一个可选元素. 用一对标签 ( )标记定义了在浏览器的标题栏中显示的内容

23、。标题元素总是嵌套在头元素中的。 This is an example of HTML HEAD Yet another “Hello world” 本例中的 “Th e Example - HEA D ” 将作为文档标题显示在浏览器的标题栏中。1.4.3 3体标记（ body）体（ BODY ）是 HTML文档中主体，勍映在浏览器屏幕剟正文区域，它包含了文档内容 - 即在网页上见飫资料。 和 是一对体标签，用于标记（ ）除了头以外其余剟文档内容。与头元素一样是一个复合元素，在体标签内嵌套其他飫字符和元素。如例 1.1 中显示剟正文文本是：Yet another “Hello world” T

24、his is an example of HTML document This is “bold ” text （黑体字） This is “italic” text. （斜体字） 1.4.4 4一个最简单HTML文档组成头和体结合就能组一个怘TML文档 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 47 页 - - - - - - - - - This is an example of HTML This is an example of HTML document

25、This is “ bold ” text （黑体字） This is “ italic” text. （斜体字） 这个例子在浏览器中显示的结果是：This is an example of HTML document This is “ bold ” text This is “ italic” text.2 HTML的语法基础、文档格式2.1 一、 HTML 语句的语法2.1.1 1. 标签（ TAG）标签的作用是指出文档是如何组织的。一个标签以“ ” 开始，以 “ ” 结束。元素名位于大于号和小于号这间，元素名不区分大小写。例如HTML ， hTML ， html 是同一标签。标签一般应

26、开始标签和结束标签成对使用，在开始标签中，小于号 “ ” 和元素之间不能留有空格。2.1.2 2. 属性（ ATTRIBUTES ）属性是为标签实现某种功能而提供的一些具体的参数。属性由属性名和属性值组成。属性名由HTML规定的专用名词来表达，属性值按情况不同，可以是HTML规定选项中的某一个或者是HTML 文档设计者输入的信息。当属性值为输入的信息时，通常在输入信息的前后加上双引号。 HTML规定，属性定在开始标签中元素名和“ ” 符号之间。其中 是显示图像文件的标签，它单独使用，称为“ 空标签 ” ；IMG 为元素名； SRC 为属性名，它用来指出图像的源文件位置；属性值“center.g

27、if”是输入的图像源文件名。a paragraph 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 47 页 - - - - - - - - - 其中 是开始标签，是结束标签，它们是分段标签；P 是元素名； A LIGN 是属性名，它用来指出a paragraph 这一段文字在屏幕中的位置；HTML规定 A LGN 的属性值是left，center或者 right 中的一个。2.1.3 3. 字符规定HTML 说明书中规定HTML 文档的字符是ISO-8859- 1 标准

28、所定义的8 位单字节编码的图形字符集，也称为Latin Alphabet NO.1 或 Latin-1 。这是一个256 个字符的字符集，其中包括了很多图形元素及除英语处在欧洲应用最多的各种语言中的加重音的字符。ISO-8859- 1 标准图形字符集的前 128 个字符与 ASCII 字符集基本相同，这个字符集有时被称作国际参照或ISO-646 。在实际应用中，考虑到键盘的限制及不同CPU 和操作系统平台上移植的方便，大多数HTML文档所用的字符与ASCII 字符集相同。可直接使用键盘输入。对于在 ISO-8859-1 中包含的许多字符，如在电子出版中常用到的加重音字符、货币符号、商标、版权标

29、志或其他字符变形等都不包括在ASCII 字符集中。也不能直接从标准键盘输入。数字转换码为了解决那些不包括在ASCII 字符集中的字符的输入问题，HTML定义了一套 “ 数字转换码” 。 “ 数字转换码 ” 有 256 个与 ISO-8859-1 标准图形字符集中的256 个字符一一对应。例如?( 圈 C)的转换码是 © ；HTML 规定转换码由三部分组成，第一部分是“&” 符号；第二部分是“#”号并紧跟一个十进制数字，而这个十进制数字是相应字符在ISO-8859-1 标准的 256 个字符集中的位置；第三部分是 “ ；” 。这样如果要表达符号，就可以在键盘上输入© ； 。对于在

30、 HTML 中用于特殊目的的字符，例如“ ” 、“ ” 、“&” 等，如果想让浏览器作为普通字符对待，那么必须写成“ 数字转换码 ” 形式。例如，想在屏幕上显示“12 56” ，则HTML源程序必定是 “12<56” 其中 < 是小于号的转换码。对于一些经常需转换的字符，HTML 规定可以用几个字母来代替“ 数字转换码 ” 中的第二部分。例如， > 和 > 是表达同一字符。这种形式叫“ 实体参照（ entity reference ） ” 。表 2-1 中列出了一些常用字符数字转换码和实体参照。表 2-1 特殊字符的显示形式数字标识符参照实体参照描述 >

31、> 大于号 < < 小于号& & & " " ? © © 版权名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 47 页 - - - - - - - - - ? ® ® 注册商标例：b”要使用这条命令，则必须写成：或此例中的前引号和后引号是HTML 命令中属性值表达式的固定格式，因此不需用转换码。2.1.4 4. 注释（ comments ）与其它编程语言一样，在 HTML 文档中为

32、了条理清晰以及阅读方便，有时需要加入注释语句。浏览器解释HTML 文档时忽略注释语句，即在浏览器的窗口注释语句将不被显示。注释语句格式： ！ - 注释内容说明：每名注释语句的内容前后必须有“ - ”识别。在 “ ！ ” 和“ ” 之间出现空格是允许的。 HTML Comment Example some text !-end of italic text- （缺少“”符号，这行被显示 (缺少“ -”符号，无法正确解释) 2.2 二、头 HEAD 文档头以 HEAD 和/HEAD 标签定义。 如果把 HTML文档比作一封信的话，那么 HEAD 和 /HEAD 之间的内容就是信头部分， BODY

33、和 /BODY 之间的内容就是信体。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 47 页 - - - - - - - - - 注意： 在 HEAD 和 /HEAD 之间的任何内容都不会出现在Web 浏览器窗口有用户（正文显示）区。在 HEAD 和 /HEA D之间允许出现下列几种标签：2.2.1 1. 文档标题标签TITLE 格式：TITLE 文档标题/TITLE 文档标题的长度不受限止，但为了阅读方便，建议使用小于64 个字符的标题。2.2.2 2. 基地址标签B

34、ASE功能：说明所在HTML文档的原始URL记录。有了这个基地址说明后，在此文档中的其余URL 都可以用相对于基地址的相对地址来表示。注意： 基地址标签是单独使用的，属于空标签。格式： BASE HREF=“URL ”说明： BASE标签仅有一个属性HREF ，是用于说明URL 的。例 2.2.4 一个文档在没有使用基地址前的程序 为： example of base address Chinese version 使用 BASE 标签后程序可写为 ： example of base address 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - -

35、- - - - - 名师精心整理 - - - - - - - 第 11 页，共 47 页 - - - - - - - - - Chinese version 在此例中， zxtd 目录和Chinese.htm 文档前的 “/ ”必须写明。但是，如果在BASE 标签中表示为 : HREF= ”http:/ zxtd 目录和Chinese.htm 文档前的 “/ ”可加可不加。注意：这里的目录分隔符使用的是正斜杠“/ ”，而不是反斜杠“” 。当在一篇HTML文档中缺省BASE标签时，Web 浏览器会自动把此文档的URL 作为基地址。2.2.3 3. 关键字索引标签ISINDEX 功能：说明所在HT

36、ML文档是可索引的。也就是说，浏览者在浏览该HTML 文档的同时可以从键盘输入关键字来寻找相匹配的字符。格式： ISINDEX 说明： ISINDEX 标签没有相应的属性，是单独使用的，属于空标签。例 2.2.5 example of ISINDEX tag HTML has been in use the World Wide Web(WWW) global information initiation since 1990. 图中 “ 可以搜索该索引。请键入要搜索的关键字: ”字符串是Web浏览器自动加上的。注意： 只能在具有搜索工具的Web服务器上才能使用ISINDEX功能。2.3 三、

37、体 BODY 文档体以 BODY 和 /BODY 标签定义。功能：定义HTML 文档中显示于Web 浏览器窗口用户区的内容。在 BODY 和 / BODY 标签之间可包括各种文本段落、水平规则、标题、列表、图像、超链接等等。除了HTML 标签、 HEAD 标签以及前成所讲的用于HEAD 和 /HEAD 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 47 页 - - - - - - - - - 之间的一些元素外，其余所提到的各种标签如不加特殊说明均用于BODY 部分。现

38、在我们总结下构成一篇HTML文档的必需元素有：“ HTML ， HEAD ， TITLE ，BODY ” 。它们的总体结构如下： 标题文本 文档内容 在文档体可用标签较多，下面对常用的进行介绍。2.4 四、格式类标签2.4.1 1. 行中断标签BR功能：用于强迫一个行中断，或者说是硬回车。格式： BR说明： BR标签出现在一行的行未，是一个单独使用的标签，也称为“ 空标签 ” 。当在一篇 HTML文档中没有指定BR标签时， Web 浏览器会尽量在一行中显示，并且会自动根据浏览器窗口正文显示区的大小自动调整一行的长短。2.4.2 2分段标签 P全称： paragraph 功能：用于指示段落结束。

39、它除了具有行中断标签BR的作用外，还能使Web 浏览器在各个段落之间插入一个空白行。 P标签在使用时，共有三种格式：单个 P标签在段首。表示这以后的文本另起一段，并且在这一段这前插入一个空白行。单个 P标签在段尾。表示这里是一段的结束，并且与以后的文本之间插入一个空白行。 P文本 /P 。表示 P和 /P之间是一个段落，并且在这一段的前后各插入一个空白行。对于第三种格式可以使用P标签的属性，其格式为： P ALIGN= 属性值文本/P名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1

40、3 页，共 47 页 - - - - - - - - - 说明： ALIGN有： left、center、right 。使用属性时P标签必须成对使用。例： example of paragraphs This is first paragraph. This is second paragraph. This is third paragraph. This is fourth paragraph. 显示结果 是各行间都有空行。例： align of paragraph All of this paragraphis left aligned! All of this paragraphis

41、center aligned! All of this paragraphis right aligned! 3. 不换行标签 全称为： NO BREAK 。功能：所定义的文本不会因为其文本行的长度超过浏览器窗口的宽度面自动去换行，而是在窗口底部出现一个左右滚动条来帮助用户浏览文档。通常则自动换行。格式： 文本 2.4.3 4. 字符格式编排标签功能：设置显示的正文字体格式。格式：粗体标签 B粗体正文/B名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 47 页 - -

42、- - - - - - - 斜体标签I斜体正文/I 下划线标签 U下划线正文/U删除线标签 STRIKE 删除线正文/STRIKE 等宽字标签 KBD 等宽字正文/KBD 下标标签SUB下标正文/SUB 上标标签SUP上标正文/SUP功能：设置更复杂的文本格式。格式： FONT COLOR=“颜色 ” SIZE=“字号 ” FACE= “ 字型 ” 正文 /FONT 说明：颜色： RED、BLUE 、YELLOW 、GREEN 等以及十六进制的GRB三色值，如0000FF，其范围为： 000000FFFFFF。字号：1、 2、 37。字型：通常使用默认字型。因为预测用户计算机可以使用的字体难度

43、较大。例 2.2.6 example of font1 This is some bold text This is some italic text This is some underline text This is some 删除线文本 This is some 等宽字 This is some 下标 This is some 上标 例 2.2.7 example of font2 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 47 页 - - - - - -

44、 - - - Color! Size! Typeface! Many changes! 2.4.4 5项目标题标签 , 全称： Heading 。功能：定义文档内的项目标题或子标题的风格及大小。注意：与 标签的区别。 HTML提供了六种不同级别的项目标题标签： 、 、 、 、 、 。各级项目标题所显示的字样和大小与所使用的Web 浏览器有关，在特殊情况下用户可以自己定义。它们之间相比 的文本最大， 的最小。说明： 隐含有 标签的功能。例如 ： example of heading This is “heading1 ” textThis is “heading2 ” textThis is “

45、heading3 ” textThis is “heading4 ” textThis is “heading5 ” textThis is “heading6 ” text 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 47 页 - - - - - - - - - 2.4.5 6预定义标签PRE 文档在显示时有两种效果：严格按文档编辑时的字符位置来显示，这种方法称为预格式化。显示时忽略原文档中的空格，仅承认其格式符，这种方法称为非预格式化。功能：定义一段预格式化的文

46、本。格式： PRE文本 / PRE HTML的一般文档在显示时，浏览器会根据需要对其字型、大小和排版格式作出相应调整。而在PRE和 / PRE之间的文本，浏览器在显示时将严格按照原始HTML 文档的字型和位置。 Test of tag Some text without <PRE>tag absolute URL: a URL in absolute form; for example, as per URL anchor; one of two ends of a hyperlink; typically, a pgrase marked as an <A> el

47、ement. !- start of tag- Some text using tag absolute URL: a URL in absolute form; for example, as per URL anchor; one of two ends of a hyperlink; typically, a pgrase marked as an <A> element. 本例注意三点：在 HTML源文档中， !- start of tag- 上下两部分的排版格式是一样的。但在显示时上面一部分的文本浏览器自动作了调整，而在 标签中的文本严格按照原来的格式。名师资料总结

48、- - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 17 页，共 47 页 - - - - - - - - - 在 标签中的文本在显示时会自动和浏览器窗口的左边界空开一定的空格。在 标签中的文本在显示时的字体和一般的文本的字体有所不同。2.4.6 7块引用标签 功能：定义一段需要引起浏览者注意的文本块。比如一段经典或名人名言等。对于块引用的文本，浏览器以等间隔的（黑体字型）显示。同时使块引用的文本和浏览器窗口的左、右边界均空出适当的空格，并且块引用文本的上下两边将各空一行。但是， 根据浏览器的不同其显

49、示结果也会有所不同。2.4.7 8水平线标签HR全称 Horizontal Rule. 功能： 强行从当前文本位置换行，并在新行上显示一条水平直线。水平直线的上下两边都会留有一定的空白。在 HR出现处，段落被迫中断，后续文本则在直线下面左边缘继续显示。格式： HR SIZE= 尺寸WIDTH= 宽度A LIGN= 位置 NOSHADE 说明： SIZE ：指出水平线的高度。WIDTH ：指出水平线的宽度。属性值勤可以是数字或百分数，数字是指宽度所占的字符数，百分数是指占整个浏览器窗口宽度的百分比。缺省时占整个浏览器窗口的宽度。 A LIGN ：当水平线宽度不足以占据整个浏览器窗口时，A LIG

50、N 值确定水平线的位置是靠左、居中、靠右。A LIGN 的值为： LEFT， CENTER 或 RIGHT 。 NOSHADE ：使水平线为实心状。 HR标签单个使用，属于空标签。 HR显示的水平线，依浏览器的不同显示的结果不同，有的是一条凹嵌的直线，有的是一条精美的三维立体图案，有的只是一条黑线。例： example of Hyperline A relation between two anchors ,called the head and the tail. 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理