HTML语言教程-.pdf

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标签（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）.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 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.逻辑风格的短语元素.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.属性 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.32 4.1.6 6.属性 ONMOUSEOUT.32 4.1.7 7.属性 ONMOUSEOVER.33 4.1.8 8.属性 TRAGET.33 4.2 二、在超链接中准确定位.33 4.3 三、利用图像进行超链接.34 4.4 四、可访问的资源.34 4.4.1 1.World Wide Web.34 4.4.2 2gopher.35 4.4.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.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的通用语言，是创建Web页和发布Web信息的格式，是Web设计的基础，是控制Web浏览器在屏幕上显示内容的核心技术。1.1.2 HTML产生十九世纪七十年代，美国哈佛大学的学生Ted.Nelson提出了一个极富有创造性的幻想：全球将建立一个信息网，在这个信息网上用户可以任意地选择其所需访问的信息资源，而不需要关心这些信息量的来源。为此他还创造了一个术语-超文本。超文本具的极强交互能力。用户只需指点文本中的字或词组，便可激发与其语意相关的新的信息流。因为在超文本中的许多字或词都具有一个链，将其指向另一个文本，而之后仍有链接指向下一个文本。这样只凭借词义或语意的关系即可供人们任意浏览。这是一个迈向新技术挑战的幻想，是人类向信息社会迈进时梦寐以求的目标。当年的幻想随着世界计算机技术的飞速发展，如今已成为现实。HTML 是 1986 年制定的国际标准ISO8879-Standard Generalized Markup Language(SGML)的一种应用。SGML是一种工业技术中应用的标记语言的标准，它由三个部分组成：说明、程序和实例。其序言是一种文档类型定义（DTD），它定义了一种语法。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）。它由 Internet工程任务实施（IETF）的HTML工作组在“html-wgwg.oclc.org”中发布。1.1.3 HTML目的最初设计HTML语言的目的是使科学家们可以创建包含基本格式化命令（即标记）和其他信息链接（称作超文本或超链接）的基于文本的文档。例如，一个有关地震的文档可以包含一个到其他科学家撰写的有关板块构造理论的文档的链接。HTML 用于编制可以在不同的平台上实施链接的超文本文件。HTML的标记可以表达超文本的新闻、邮件、文档及超媒体-包含在线的图形、视像的信息体。在这一节中将介绍HTML是如何实现超文本的链接，HTML文档的基本组成以及支持HTML文档的传输协议HTTP。它们是 HTML的基础，又是一些容易混淆的抽象概念。1.2 一、超文本链接的相关概念1.2.1 1超链接（Hyperlink）超文本的链接称为超链接。在HTML中将超链接定义为两个锚标（anchor）之间的联系。锚标是信息存储的地点。形成超链接的两个地点必然是从源点（source）指向目标（destination）。若用一个箭头来描述一个超链接关系，则出发的源点是箭头的尾（tail），到达的目的地是箭头的头（head）。在实际应用中，用鼠标点击屏幕上的超文本之处即是超链接的源点或尾，由该链接所调出的文档所在地点即是超链接的目标或头。1.2.2 2统一资源定位器超链接的目标地点的描述采用统一资源定位的方法。在超文本中任何一个目标地点都有一个统一资源定位器（URL，Uniform Resoure Location）。它确定了网络中任何一个文档的所在地点。URL由三个部分组成，例如学院主页的 URL为：http:/http:定义了服务器的访问方法，亦即是访问协议的名称。http-超文本传输协议（后面介绍）。/：定义了服务器地址，或称主机名（hostname）。/：定义了文件在服务器中的路径和文件名称。上述的表达必须符合Internet中资源描述的统一规定，因而都冠以“统一资源”的称呼。1.2.3 3超文本传输协议和HTTP 服务器支持超链接的协议就是超文本传输协议HTTP。超文本传输协议的作用是通过HTML文档和支持HTML的浏览器来实现的。换句话说，在Wold Wide Web 上用浏览器来浏览超文本文档时所依靠和遵循的规则就是HTTP协议。存放 HTML文档的服务器称为HTTP服务器或 Web服务器。在HTML文档中用“http:/,”表示一个 HTTP服务器的地址。支持 HTTP协议的浏览器称为Web浏览器。通常Web浏览器也支持其他的文件传输协议如FTP等。1.2.4 4HTTP 服务器的页（page）和主页（Homepage）由于 HTML文档均是用于浏览的，浏览中出现的都是页面，因此常把HTML文档编辑称为页面编辑，把服务器中不同的HTML文档称为不同的页。通常在每个服务器的根目录中都可以放置一个缺省的文档，类似于DOS中的自动批处理文件autoexec.bat。UNIX系统支持的HTTP 服务器中它的名字为index.html，其它系统支持的服务器中的名字为welcome.htm。在 HTML中超链接的统一资源定位即是对HTTP服务器的寻址。当一个超链接仅给出服务器地址时同即能自动显示这个缺省文件。这个特殊的文档就称为主页或起始页（Homepage）。用户可通过这个主页所提供的超链接十分方便地浏览该服务器中的其他相关文档。1.3 二、标记基础知识1.3.1 1标记（Markup）标记是 HTML文档的基本特征。在HTML的文档中，字符和数据的语法结构是通过标记来表达的。因此标记是HTML语言的标签符号和用标签符号构成的各种元素的统称。1.3.2 2标签（tag）标签是描述性的标记，用一对 符号中间包含若干字符来表示。标签通常是配对使用的，前一个是开始标签（start-tag），后一个是结束标签（end-tag）。结束标签的符号内第一个字符是“/”。还有一种标签是不配对使用的，像是仅用了一个开始标签，称为空标签。1.3.3 3元素（element）元素是 HTM文档中的组成部分，相当于程序中的语句。各种元素都应符合文档类型定义（DTD）的规定。例如：HTML 中有头（head），标题（title），列表（list），等各种类型的元素。一个HTML文档就是由不同类型元素组成的有序结构。元素的表示通常是一个开始标签，标签内表明元素名。开始标签后跟着元素内容的字符串，字符串后面是结束标签。一对标签用来定界定一个元素。空标签亦界定一个元素。例如：This is a Heading(用一对标签来界定一个元素。)This is a paragrph.(用一个空标签界定一个元素。)元素是可以嵌套的。例如：An Example of Nested Element元素的具体表达方法体现了HTML的语法规定。（有关元素在实际应用中表达的更详细的内容在后面讨论）。1.4 三、HTML 文档的基本结构HTML文档具有 最基本的结构框架“头”和“体”。HTML文档均用于在浏览器上显示，而支持HTTP 的浏览器均为WINDOW S 式的图形用户接口（GUI）界面，因此HTML文档的基本结构是依据这一要求而设计确定的。一个GUI 的视窗通常由标题栏和窗口体作为其最基本的构成。HTML 文档结构的“头”和“体”正应于这一要求。1.4.1 1HTML容器标记HTML 文档的第一个标记 是 HTML的容器标记，它向浏览器指示，其后的代码应使用由 HTML 制定的语法和结构规则来处理。相应的结束标记 出现在文件的结尾处。注意：不要把HTML文档的任何文本放置在这两个标记的外面，否则其结果是不可预见的。1.4.2 2头标记（head）和 是一对头标签，是标记文件头区域的分界线（.），s 有在浏览器的标题栏中显示的文档标题名称（title）和该文档有关的属性参数。它是HTML 文档的第一个部分，是一个可选项。（尽管HTML规定一些元素只能在它的内部使用。）在文档头中能用于浏览显示的元素仅有标题（title），其他的元素均不显示。TITLE（标题）也是一个可选元素.用一对标签()标记定义了在浏览器的标题栏中显示的内容。标题元素总是嵌套在头元素中的。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”This is an example of HTML document This is“bold”text （黑体字）This is“italic”text.（斜体字）1.4.4 4一个最简单HTML文档组成头和体结合就能组一个怘TML文档 This is an example of HTML This is an example of HTML document 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 是同一标签。标签一般应开始标签和结束标签成对使用，在开始标签中，小于号“”和元素之间不能留有空格。2.1.2 2.属性（ATTRIBUTES）属性是为标签实现某种功能而提供的一些具体的参数。属性由属性名和属性值组成。属性名由HTML规定的专用名词来表达，属性值按情况不同，可以是HTML规定选项中的某一个或者是HTML 文档设计者输入的信息。当属性值为输入的信息时，通常在输入信息的前后加上双引号。HTML规定，属性定在开始标签中元素名和“”符号之间。其中 是显示图像文件的标签，它单独使用，称为“空标签”；IMG 为元素名；SRC 为属性名，它用来指出图像的源文件位置；属性值“center.gif”是输入的图像源文件名。a paragraph 其中 是开始标签，是结束标签，它们是分段标签；P 是元素名；A LIGN 是属性名，它用来指出a paragraph 这一段文字在屏幕中的位置；HTML规定 A LGN 的属性值是left，center或者 right 中的一个。2.1.3 3.字符规定HTML 说明书中规定HTML 文档的字符是ISO-8859-1 标准所定义的8 位单字节编码的图形字符集，也称为Latin Alphabet NO.1 或 Latin-1。这是一个256 个字符的字符集，其中包括了很多图形元素及除英语处在欧洲应用最多的各种语言中的加重音的字符。ISO-8859-1 标准图形字符集的前 128 个字符与 ASCII 字符集基本相同，这个字符集有时被称作国际参照或ISO-646。在实际应用中，考虑到键盘的限制及不同CPU 和操作系统平台上移植的方便，大多数HTML文档所用的字符与ASCII 字符集相同。可直接使用键盘输入。对于在 ISO-8859-1 中包含的许多字符，如在电子出版中常用到的加重音字符、货币符号、商标、版权标志或其他字符变形等都不包括在ASCII 字符集中。也不能直接从标准键盘输入。数字转换码为了解决那些不包括在ASCII 字符集中的字符的输入问题，HTML定义了一套“数字转换码”。“数字转换码”有 256 个与 ISO-8859-1 标准图形字符集中的256 个字符一一对应。例如?(圈 C)的转换码是&#169；HTML 规定转换码由三部分组成，第一部分是“&”符号；第二部分是“#”号并紧跟一个十进制数字，而这个十进制数字是相应字符在ISO-8859-1 标准的 256 个字符集中的位置；第三部分是“；”。这样如果要表达符号，就可以在键盘上输入&#169；。对于在 HTML 中用于特殊目的的字符，例如“”、“”、“&”等，如果想让浏览器作为普通字符对待，那么必须写成“数字转换码”形式。例如，想在屏幕上显示“12 56”，则HTML源程序必定是“12<56”其中<是小于号的转换码。对于一些经常需转换的字符，HTML 规定可以用几个字母来代替“数字转换码”中的第二部分。例如，>和>是表达同一字符。这种形式叫“实体参照（entity reference）”。表 2-1 中列出了一些常用字符数字转换码和实体参照。表 2-1 特殊字符的显示形式数字标识符参照实体参照描述>>大于号<<小于号&&""?©©版权?®®注册商标例：b”要使用这条命令，则必须写成：或此例中的前引号和后引号是HTML 命令中属性值表达式的固定格式，因此不需用转换码。2.1.4 4.注释（comments）与其它编程语言一样，在 HTML 文档中为了条理清晰以及阅读方便，有时需要加入注释语句。浏览器解释HTML 文档时忽略注释语句，即在浏览器的窗口注释语句将不被显示。注释语句格式：！-注释内容说明：每名注释语句的内容前后必须有“-”识别。在“！”和“”之间出现空格是允许的。HTML Comment Example some text !-end of italic text-（缺少“”符号，这行被显示(缺少“-”符号，无法正确解释)2.2 二、头 HEAD 文档头以 HEAD 和/HEAD 标签定义。如果把 HTML文档比作一封信的话，那么 HEAD 和/HEAD 之间的内容就是信头部分，BODY 和/BODY 之间的内容就是信体。注意：在 HEAD 和/HEAD 之间的任何内容都不会出现在Web 浏览器窗口有用户（正文显示）区。在 HEAD 和/HEA D之间允许出现下列几种标签：2.2.1 1.文档标题标签TITLE 格式：TITLE 文档标题/TITLE 文档标题的长度不受限止，但为了阅读方便，建议使用小于64 个字符的标题。2.2.2 2.基地址标签BASE功能：说明所在HTML文档的原始URL记录。有了这个基地址说明后，在此文档中的其余URL 都可以用相对于基地址的相对地址来表示。注意：基地址标签是单独使用的，属于空标签。格式：BASE HREF=“URL”说明：BASE标签仅有一个属性HREF，是用于说明URL 的。例 2.2.4 一个文档在没有使用基地址前的程序 为：example of base address Chinese version 使用 BASE 标签后程序可写为：example of base address Chinese version 在此例中，zxtd 目录和Chinese.htm 文档前的“/”必须写明。但是，如果在BASE 标签中表示为:HREF=”http:/ 目录和Chinese.htm 文档前的“/”可加可不加。注意：这里的目录分隔符使用的是正斜杠“/”，而不是反斜杠“”。当在一篇HTML文档中缺省BASE标签时，Web 浏览器会自动把此文档的URL 作为基地址。2.2.3 3.关键字索引标签ISINDEX 功能：说明所在HTML文档是可索引的。也就是说，浏览者在浏览该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 三、体 BODY 文档体以 BODY 和/BODY 标签定义。功能：定义HTML 文档中显示于Web 浏览器窗口用户区的内容。在 BODY 和/BODY 标签之间可包括各种文本段落、水平规则、标题、列表、图像、超链接等等。除了HTML 标签、HEAD 标签以及前成所讲的用于HEAD 和/HEAD 之间的一些元素外，其余所提到的各种标签如不加特殊说明均用于BODY 部分。现在我们总结下构成一篇HTML文档的必需元素有：“HTML ，HEAD ，TITLE ，BODY”。它们的总体结构如下：标题文本 文档内容 在文档体可用标签较多，下面对常用的进行介绍。2.4 四、格式类标签2.4.1 1.行中断标签BR功能：用于强迫一个行中断，或者说是硬回车。格式：BR说明：BR标签出现在一行的行未，是一个单独使用的标签，也称为“空标签”。当在一篇 HTML文档中没有指定BR标签时，Web 浏览器会尽量在一行中显示，并且会自动根据浏览器窗口正文显示区的大小自动调整一行的长短。2.4.2 2分段标签 P全称：paragraph 功能：用于指示段落结束。它除了具有行中断标签BR的作用外，还能使Web 浏览器在各个段落之间插入一个空白行。P标签在使用时，共有三种格式：单个 P标签在段首。表示这以后的文本另起一段，并且在这一段这前插入一个空白行。单个 P标签在段尾。表示这里是一段的结束，并且与以后的文本之间插入一个空白行。P文本/P。表示 P和/P之间是一个段落，并且在这一段的前后各插入一个空白行。对于第三种格式可以使用P标签的属性，其格式为：P ALIGN=属性值文本/P说明：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 center aligned!All of this paragraphis right aligned!3.不换行标签 全称为：NO BREAK。功能：所定义的文本不会因为其文本行的长度超过浏览器窗口的宽度面自动去换行，而是在窗口底部出现一个左右滚动条来帮助用户浏览文档。通常则自动换行。格式：文本 2.4.3 4.字符格式编排标签功能：设置显示的正文字体格式。格式：粗体标签 B粗体正文/B斜体标签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。字型：通常使用默认字型。因为预测用户计算机可以使用的字体难度较大。例 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 Color!Size!Typeface!Many changes!2.4.4 5项目标题标签,全称：Heading。功能：定义文档内的项目标题或子标题的风格及大小。注意：与 标签的区别。HTML提供了六种不同级别的项目标题标签：、。各级项目标题所显示的字样和大小与所使用的Web 浏览器有关，在特殊情况下用户可以自己定义。它们之间相比 的文本最大，的最小。说明：隐含有 标签的功能。例如：example of heading This is“heading1”textThis is“heading2”textThis is“heading3”textThis is“heading4”textThis is“heading5”textThis is“heading6”text 2.4.5 6预定义标签PRE 文档在显示时有两种效果：严格按文档编辑时的字符位置来显示，这种方法称为预格式化。显示时忽略原文档中的空格，仅承认其格式符，这种方法称为非预格式化。功能：定义一段预格式化的文本。格式：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>element.!-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-上下两部分的排版格式是一样的。但在显示时上面一部分的文本浏览器自动作了调整，而在 标签中的文本严格按照原来的格式。在 标签中的文本在显示时会自动和浏览器窗口的左边界空开一定的空格。在 标签中的文本在显示时的字体和一般的文本的字体有所不同。2.4.6 7块引用标签 功能：定义一段需要引起浏览者注意的文本块。比如一段经典或名人名言等。对于块引用的文本，浏览器以等间隔的（黑体字型）显示。同时使块引用的文本和浏览器窗口的左、右边界均空出适当的空格，并且块引用文本的上下两边将各空一行。但是，根据浏览器的不同其显示结果也会有所不同。2.4.7 8水平线标签HR全称 Horizontal Rule.功能：强行从当前文本位置换行，并在新行上显示一条水平直线。水平直线的上下两边都会留有一定的空白。在 HR出现处，段落被迫中断，后续文本则在直线下面左边缘继续显示。格式：HR SIZE=尺寸WIDTH=宽度A LIGN=位置 NOSHADE 说明：SIZE：指出水平线的高度。WIDTH：指出水平线的宽度。属性值勤可以是数字或百分数，数字是指宽度所占的字符数，百分数是指占整个浏览器窗口宽度的百分比。缺省时占整个浏览器窗口的宽度。A LIGN：当水平线宽度不足以占据整个浏览器窗口时，A LIGN 值确定水平线的位置是靠左、居中、靠右。A LIGN 的值为：LEFT，CENTER 或 RIGHT。NOSHADE：使水平线为实心状。HR标签单个使用，属于空标签。HR显示的水平线，依浏览器的不同显示的结果不同，有的是一条凹嵌的直线，有的是一条精美的三维立体图案，有的只是一条黑线。例：example of Hyperline A relation between two anchors,called the head and the tail.The link goes from the tail to head.The head and tail are also known as 是在每行文本之间插入一水平直线，文本后的水平线的宽度和位置等不同。应注意HR标签所画直线上下边留出的空白。2.4.8 9地址标签 在 和 通常是作者的身份、地址、签名等内容。功能：以黑体、斜体或者是两者的结合方式显示地址标签之间的内容。格式：地址信息 说明：标签通常位于文档体标签（)的开始或结尾部分。2.5 五、列表元素HTML有几种不同类型的列表，它们允许以不同的方式显示信息。列表元素有一个共同的属性 COMPA CT，以紧凑方式显示，但在大多数浏览器紧凑方式与非紧凑方式并无明显区别。2.5.1 1.列表标签 和 UL 是 Unordered list的缩写。功能：使每一项（一段文本）以“”符号开头。说明：在 和 之间的内容应为一系列类似于采购清单的无需排序的项目列表。无序列表的每一项都以标签(即 List Item)开始。必须注意的是，标签是单独使用的，属于空标签。格式：项目内容1 项目内容2 项目内容3 例：Example of unordered list First list item Second list item Second paragraph of second item Third list item 2.5.2 2.顺序列表标签 和 OL是 Ordered List 的编写。功能：使每一项（一段文本）前自动加上序号，序号以阿拉伯数字形式表示。说明：同样，顺序列表的每一项都以标签 开始。格式：项目内容 1 项目内容 2 项目内容 3 2.5.3 3.目录列表标签 和 功能：用于列目录。显示效果和无序列表相同，也是每一项前以“”符号开头。说明：目录列表每一项的内容为一系列相对较短的项目。HTML 规定，标签中的每一项最多为 207个字符。同样，顺序列表的每一项都以标签 开始。2.5.4 4.菜单列表标签 和 功能：显示效果与无序列表相同。（比无序列表显示的项目更加紧凑，但不明显）。说明：菜单列表中的每一项都以标签 开始。格式：项目内容 1 项目内容 2 项目内容 3 2.5.5 5.定义列表标签,和 定义列表所表达的格式为一个名词或短语，后跟一个该名词的定义说明。功能：和 说明在标签之间的文本为定义列表。在定义列表中引出一条术语名词，引出对应的定义说明。说明：和 都是单独使用的，是空标签。术语标签 和术语定义标签是配合使用的。可以一条术语对应于一条或几条术语定义。绝对不可几条术语对应于一条术语定义。在 WEB浏览器上显示时，术语定义的内容会自动比术语缩进一定的空格。2.6 六、短语元素短语元素可分为物理风格和逻辑风格两类不同的标签。物理风格涉及黑体、下划线等标签，用于强调文本表现的特定方式。逻辑风格则涉及对语言的习惯用法。短语元素总是成对使用的，它们不存在“空标签”。各个短语元素之间可以互相嵌套作用，但浏览器有时不一定会完全按照设计者的意图来显示。2.6.1 1.物理风格的短语元素和、和、和前面已介绍，不再叙述。其英文原意为Typewrite。功能：固定宽度的打字机字型。2.6.2 2.逻辑风格的短语元素常用的短语元素见表面2-2。标签字符格式书名或引用，通常采用斜体字代码实例，通常采用等间隔字强调，通常采用斜体字从键盘上输入的文本，通常采用间隔字字母字符序列，通常采用等间隔字着重强调，通常采用黑体字变量，通常采用斜体字3 HTML的表格、图象与声音3.1 一、表格标签TABLE 3.1.1 1.表格标签 TABLE 和/TABLE 功能：定义一个表格元素。格式：.BORDER：表格边框的宽度。缺省时为0，宽度是指像素点数。CELLSPACING：表格中每一小格叫做一个CELL。CELLSPACING 定义每个小格之间的框架宽度。缺省时 CELLSPACING=2，表示间隔宽度为2 个像素点。CELLPADDING：指 出 每 一 个 小 格 中 显 示 的 内 容 和 所 在 格 子 的 边 界 之 间 的 宽 度。缺 省 时CELLPADDING=1，表示格子中的内容和边界间的间隔为1 个像素点。WIDTH：指出整个表格的宽度，可以是数字和百分数。其中数字是指宽度所占的像素点。百分数是指表格宽度占整个浏览器窗口宽度的百分比。缺省时，浏览器根据表格中内容所占的宽度而自动决定表格的宽度。如果人为指定的WIDTH值小于实际内容的宽度，则指定的值无效。例如，表示表格的宽度占200 个屏幕像素点数。表示表格的宽度占浏览器窗口宽度的一半。设 TABLE BORDER=10;CELLPADDING=10;CELLSPACING=15，画一表格。3.1.2 2.行标签 和 TR是 TABLE ROW 的缩写。功能：表示表中的一行。即在表格标签和之间有几对 和 标签，表格中就有几行。例如：第一行内容 第二行内容 第三行内容 表示表格有三行。每一行内容的表示方法将在和 （表格数据标签）中介绍。格式：TR ROWSPAN=属性值 ALIGN=属性值 VALIGN=属性值 属性说明：ROWSPAN：行的高度，即这一行可容纳几行字。例如，TR ROWSPAN=2 内容 表示这一行可以容纳两排字符。这里的2 表示两字符的高度。缺省值为1（即 ROWSPAN=1）。ALIGN：指出这一行的内容在CELL中是横向（水平）居左、居中、居右。属性值是left、center或 right。缺省时 ALIGN=left VALIGN：指出这一行的内容在CELL中是纵向是居上、居中、居下。属性值是top、middle或bottom。缺省时 VALIGN=middle。3.1.3 3.表格数据标签和 TD是 TABLE DATA的缩写。所有表格中的数据（数字和文字等）必须写在和 之间。功能：用于 和之间，指出把一行分成几个小格（CELL）。例如 text1text2表示一行中有两个小格。注意：即使一行中只有一格，也应在标签中写明 标签。例：example of table Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 格式：TD ROWSP