第21章超文本标记语言(HTML 第四部分 多媒体内容编辑语言 在世界性的信息网络时代,文档要便于访问、易于传输、有效检索和灵活多样,这就需 要使文档不受软件和硬件的约束,而通用标记语言就是具有这些特性的语言。用来说明文档 结构的第一个正式标记语言是由IBM公司于20世纪60年代创造的,称为通用标记语言 ( Generalized Markup Language,GML),用于内部文档的标准化。其后扩展成标准通用标记 语言( Standard General Markup Language,SGM),成为许多工业用来表达信息的标准,并于 986年成为国际标准化组织(SO的正式标准( SGMLISO8879-1986)。 超文本标记语言( Hypertext Markup Language,HM是20世纪90年代从SGML中挑 选的一种Web语言,尽管它有这样那样的问题和局限性,但人们一直在使用和改进它。可 扩展标记语言( Extensible Markup Language,xM)就是在广泛实践基础上创造出的一个重要 成果,它克服了HIML不能由Web开发人员自己定义标签等不足。另一个重要成果就是使 用句法严格的XML对1997发布的HIML40进行了改造,于是就产生了可扩展超文本标记 语言( Extensible Hypertext Markup Language, XHTML)。 目前,最基本的Web标准是HIML[]和XML[2]。 XHTML[4是新一代的Web标准。 这些Web标准是由万维网协会( World Wide Web Consortium,w3C组织制定和推荐的。这些 标准将为日益增长的多媒体网络应用、多媒体移动通信和多媒体电子出版业等产生深刻的影 第21章超文本标记语言(HTML) 超文本标记语言(HIML)是组织多媒体文档的重要语言,它不仅用来编写Web网页,而 且也使用HIML来制作光盘上的多媒体节目。HIML可用来编排文档、创建列表、建立链 接、插入声音和影视片断。虽然编写多媒体文档不一定要直接使用HIML语言,而且目前 市场上已有很多很优秀的所见即所得( what you see is what you get, WYSIWYG)编辑器(如微 软公司的 FrontPage和 Macromedia公司的 Dreamweaver),它们都是用于编写HIML多媒体 文档的工具。为了更好地理解和使用HIML编辑器,添加一些HIML编辑器暂时不支持的 功能,学习一些HIML的基础知识是相当必要的 211HTML文档 21.1.1Web与HTML 万维网(Wb)是分布在全世界所有HTP服务机上的互相连接的超文本文档( hyperte documents)的集合。它之所以能够取得巨大成功,主要是开发了下面的三项基本技术 (1)指定网上信息资源地址的统一命名方法:统一资源地址( Uniform Reso urce locator, URL)o (2)存取资源的协议:超文本传送协议( Hypertext Transfer Protocol,HITP) (3)在资源之间很容易浏览的超文本链接技术:源于 Hyper Text的 HyperLink 万维网上的文档称作web网页( Web pages),存储网页并安装有服务软件(也称服务器) 的计算机叫做Web服务机( Web servers),读网页的计算机叫做Web客户机( Web clients,客 户机上观看网页的软件叫做Web浏览器( Web browser)。流行的浏览器是微软公司的
第 21 章 超文本标记语言(HTML) 1 第四部分 多媒体内容编辑语言 ***************************************************************************** 在世界性的信息网络时代，文档要便于访问、易于传输、有效检索和灵活多样，这就需 要使文档不受软件和硬件的约束，而通用标记语言就是具有这些特性的语言。用来说明文档 结构的第一个正式标记语言是由 IBM 公司于 20 世纪 60 年代创造的，称为通用标记语言 (Generalized Markup Language，GML)，用于内部文档的标准化。其后扩展成标准通用标记 语言(Standard General Markup Language，SGML)，成为许多工业用来表达信息的标准，并于 1986 年成为国际标准化组织(ISO)的正式标准(SGML ISO 8879-1986)。 超文本标记语言(Hypertext Markup Language，HTML)是 20 世纪 90 年代从 SGML 中挑 选的一种 Web 语言，尽管它有这样那样的问题和局限性，但人们一直在使用和改进它。可 扩展标记语言(Extensible Markup Language，XML)就是在广泛实践基础上创造出的一个重要 成果，它克服了 HTML 不能由 Web 开发人员自己定义标签等不足。另一个重要成果就是使 用句法严格的 XML 对 1997 发布的 HTML 4.0 进行了改造，于是就产生了可扩展超文本标记 语言(Extensible Hypertext Markup Language，XHTML)。 目前，最基本的 Web 标准是 HTML [1]和 XML [2]。XHTML[4]是新一代的 Web 标准。 这些 Web 标准是由万维网协会(World Wide Web Consortium，W3C)组织制定和推荐的。这些 标准将为日益增长的多媒体网络应用、多媒体移动通信和多媒体电子出版业等产生深刻的影 响。 第 21 章 超文本标记语言(HTML) 超文本标记语言(HTML)是组织多媒体文档的重要语言，它不仅用来编写 Web 网页，而 且也使用 HTML 来制作光盘上的多媒体节目。HTML 可用来编排文档、创建列表、建立链 接、插入声音和影视片断。虽然编写多媒体文档不一定要直接使用 HTML 语言，而且目前 市场上已有很多很优秀的所见即所得(what you see is what you get，WYSIWYG)编辑器(如微 软公司的 FrontPage 和 Macromedia 公司的 Dreamweaver)，它们都是用于编写 HTML 多媒体 文档的工具。为了更好地理解和使用 HTML 编辑器，添加一些 HTML 编辑器暂时不支持的 功能，学习一些 HTML 的基础知识是相当必要的。 21.1 HTML 文档 21.1.1 Web 与 HTML 万维网(Web)是分布在全世界所有 HTTP 服务机上的互相连接的超文本文档(hypertext documents)的集合。它之所以能够取得巨大成功，主要是开发了下面的三项基本技术： ⑴ 指定网上信息资源地址的统一命名方法：统一资源地址(Uniform Resource Locator， URL)。 ⑵ 存取资源的协议：超文本传送协议(Hypertext Transfer Protocol，HTTP)。 ⑶ 在资源之间很容易浏览的超文本链接技术：源于 HyperText 的 HyperLink。 万维网上的文档称作 Web 网页(Web pages)，存储网页并安装有服务软件(也称服务器) 的计算机叫做 Web 服务机(Web servers)，读网页的计算机叫做 Web 客户机(Web clients)，客 户机上观看网页的软件叫做 Web 浏览器(Web browser)。流行的浏览器是微软公司的
第21章超文本标记语言(HTML IE( nternet Explorer)和网景公司的 Netscape Navigator,以及 Norwegian Opera Software公司 开发的极具生命力的 Opera浏览器 Web网页通常是用HIML编写的文档,称为HIML文档。HIML文档由URL指定它 所在的服务机和路径,这就是网页地址。所有的HIML文档都包含如何显示文档的指令, 最普通的指令叫做HIML标签(tag),如这是一个段落。在HML文档中,使用超 级链接技术可将文档中特定的单词和图像与相应的URL相连。因此,用户通过Web浏览器 观看网页时,只需按键盘或鼠标器上的按钮就可以访问遥远的文件。这些文件可能包含文本 (具有不同的字体或风格)、图形文件、图像文件、影视文件、声音文件以及Java小应用程序 和 ActiveX控件,或者是其他一些通过用户的点击来激活的内嵌的软件程序。访问Web网 页的用户还可以通过网页上的链接,从执行文件传送协议( File transfer protocol,FTP)的服 务机上下载文件,或使用电子邮件(e-mai)收发其他用户的消息。 目前使用的HTML版本是HTML401,可支持不同种类的语言,可为信息检索工具提 供更有效的检索,可提供更高质量的网页显示,也提高了文语转换(text-to- speech,TIS)的 支持能力。现在使用比较广泛的一种语言是XML,是一种比HIML更加灵活的一种Web 语言。HIML使用预先定义的标签来描述网页中的元素,而XML语言则允许网页开发人员 定义自己的标签 21.1.2元素和标签的概念 个文档通常由文档头(head)、文档名称(ttl)、表格 (table)、段落( paragraph)和列表list) 等成分构成。为了表达方便,我们把这些成分称为文档元素( element),简称为元素。元素是 文本文档的基本构件,并且使用HIML规定的标签来标识这些元素。例如,元素内容为“举 办奥运史上最成功的奥运”,用粗体字表示该元素内容的元素是, 举办奥运史上最成功的奥运 其中,标签表示用粗体字显示,这个元素将在浏览器显示为 举办奥运史上最成功的奥运 HIML标签由3部分组成:左尖括号“”。标签通常是 成对出现的,一个表示开始的“开始标签( start tag)”,另一个表示结束的“结束标签 end tag) 标签。例如,与分别表示一级标题的开始标签和结東标签,“HI”是一级标签的 名称。除了在结束标签名称前面加一个斜杠符号“/”之外,开始标签名称和结束标签名称 都是相同的,它也不区分字母的大小写。开始标签和结束标签之间的文本叫做HIML元素 的内容。HIML的一些常用标签将在21.2节解释。 标签可以包含“属性( (attribute)”它用来提供网页上的HIML元素的附加信息。属性是 指背景颜色、字体属性(大小、颜色、正体、斜体等)、对齐方式等。属性不仅须要名称,而 且还须要给它赋值,叫做属性值( attribute value),并用双引号表示。属性名称和属性值放在 开始标签中。例如, p align=" center">表示在显示时这段文字要居中对齐,或者 都是等效的。此外,Web浏览器不一定对所有的HIML标签都支持。如果一个浏览器遇到 不认识的标签,它就不予理睬,但在标签之间的文本仍然会显示在计算机的屏幕上
第 21 章 超文本标记语言(HTML) 2 IE(Internet Explorer)和网景公司的 Netscape Navigator，以及 Norwegian Opera Software 公司 开发的极具生命力的 Opera 浏览器。 Web 网页通常是用 HTML 编写的文档，称为 HTML 文档。HTML 文档由 URL 指定它 所在的服务机和路径，这就是网页地址。所有的 HTML 文档都包含如何显示文档的指令， 最普通的指令叫做 HTML 标签(tag)，如这是一个段落。在 HTML 文档中，使用超 级链接技术可将文档中特定的单词和图像与相应的 URL 相连。因此，用户通过 Web 浏览器 观看网页时，只需按键盘或鼠标器上的按钮就可以访问遥远的文件。这些文件可能包含文本 (具有不同的字体或风格)、图形文件、图像文件、影视文件、声音文件以及 Java 小应用程序 和 ActiveX 控件，或者是其他一些通过用户的点击来激活的内嵌的软件程序。访问 Web 网 页的用户还可以通过网页上的链接，从执行文件传送协议(File Transfer Protocol，FTP)的服 务机上下载文件，或使用电子邮件(e-mail)收发其他用户的消息。 目前使用的 HTML 版本是 HTML 4.01，可支持不同种类的语言，可为信息检索工具提 供更有效的检索，可提供更高质量的网页显示，也提高了文语转换(text-to-speech，TTS)的 支持能力。现在使用比较广泛的一种语言是 XML，是一种比 HTML 更加灵活的一种 Web 语言。HTML 使用预先定义的标签来描述网页中的元素，而 XML 语言则允许网页开发人员 定义自己的标签。 21.1.2 元素和标签的概念 一个文档通常由文档头(head)、文档名称(title)、表格(table)、段落(paragraph)和列表(list) 等成分构成。为了表达方便，我们把这些成分称为文档元素(element)，简称为元素。元素是 文本文档的基本构件，并且使用 HTML 规定的标签来标识这些元素。例如，元素内容为“举 办奥运史上最成功的奥运”，用粗体字表示该元素内容的元素是， 举办奥运史上最成功的奥运 其中，标签表示用粗体字显示，这个元素将在浏览器显示为, 举办奥运史上最成功的奥运 HTML 标签由 3 部分组成：左尖括号“”。标签通常是 成对出现的，一个表示开始的“开始标签(start tag)”，另一个表示结束的“结束标签(end tag)” 标签。例如，与分别表示一级标题的开始标签和结束标签，“H1”是一级标签的 名称。除了在结束标签名称前面加一个斜杠符号“/”之外，开始标签名称和结束标签名称 都是相同的，它也不区分字母的大小写。开始标签和结束标签之间的文本叫做 HTML 元素 的内容。HTML 的一些常用标签将在 21.2 节解释。 标签可以包含“属性(attribute)”。它用来提供网页上的 HTML 元素的附加信息。属性是 指背景颜色、字体属性(大小、颜色、正体、斜体等)、对齐方式等。属性不仅须要名称，而 且还须要给它赋值，叫做属性值(attribute value)，并用双引号表示。属性名称和属性值放在 开始标签中。例如， 举办奥运史上最成功的奥运 其中，表示在显示时这段文字要居中对齐，表示 用红色显示这段文字。 对于图像文件，同样可以指定图像的显示特性，如图像在顶部、在底部或在中间等对齐 属性。 注意，HTML 标签名称中的字母不分大小写。例如，与 或者 都是等效的。此外，Web 浏览器不一定对所有的 HTML 标签都支持。如果一个浏览器遇到 不认识的标签，它就不予理睬，但在标签之间的文本仍然会显示在计算机的屏幕上
第21章超文本标记语言(HTML 21.13HTML文档的结构 HIML文档是一种没有格式的文档,也称为ASCI1文件。因此,HTML文档可以使用 任何一种文本编辑器来编写,如 Windows中的记事本( Notepad)、写字板( Wordpad)和Word 每个HIML文档都是由标签开始,以标签标签结束。一个HIML文档主 要由文档头(head)和正文body)两个部分组成,并分别用标签和标签 …作标记。在文档头标签(即)之间包含的内容是文档的 名称(tite),如“章乃器轶事”。在正文标签(即…)之间含有用各种HIML 标签作标记的段落、列表和其他元素组成的HIML元素。一个简单的HIML文档如下所示 章乃器轶事章乃器妙语揭贪官 p>章乃器是我国杰出的爱国人士。1938年3月,应当时安徽省政府主席 李宗仁之邀,出任安徽省政府财政厅厅长。针对当时众多的贪官污吏乘 国难之机贪污腐化、中饱私囊等劣行,章乃器上任伊始就提出了"铲除 贪污"等四项重大措施。 HIML文档的扩展名用htm或html表示。把编辑好的文件存储为“ zhnaqi. htm”或 “ Zhnaqi. htm”文件,然后使用浏览器浏览显示这个文件,就可在浏览器的窗口中看到如图 21-01所示的网页。 章乃器铁事- Microsoft Internet Explorer 文件G编辑G)查看收藏(A)工具①帮助 中后退·+④的益搜索收藏夹④个栏·a⑧ 地址()cDQ9MmMW小转到链接 章乃器妙语揭贪官 章乃器是我国杰出的爱国人士。1938年3月,应当时安徽省政府主席李宗仁 之遨,出任安徽省政府财政厅厅长 章器上任伊始 时众多的贪官污吏乘国难之机 项重大措 包完成 我的电脑 图21-01在Web浏览器上显示的HIML文档 212HTML标签和属性 HIML标签和属性很多,为了了解标签和属性的含义,这里仅选择了少数标签和属性 作一些解释。若要了解完整的标签和属性,请参看[S]。有些HIML编辑器的联机“帮助” 文件中也可找到很完整的说明(例如 Sausage software公司的 HotDog Professional) 2121基本标签
第 21 章 超文本标记语言(HTML) 3 21.1.3 HTML 文档的结构 HTML 文档是一种没有格式的文档，也称为 ASCII 文件。因此，HTML 文档可以使用 任何一种文本编辑器来编写，如 Windows 中的记事本(Notepad)、写字板(Wordpad)和 Word 等。 每个 HTML 文档都是由标签开始，以标签标签结束。一个 HTML 文档主 要由文档头(head)和正文(body)两个部分组成，并分别用标签 … 和标签 … 作标记。在文档头标签(即 … )之间包含的内容是文档的 名称(title)，如“章乃器轶事”。在正文标签(即 … )之间含有用各种 HTML 标签作标记的段落、列表和其他元素组成的 HTML 元素。一个简单的 HTML 文档如下所示： 章乃器轶事 章乃器妙语揭贪官 章乃器是我国杰出的爱国人士。1938 年 3 月，应当时安徽省政府主席 李宗仁之邀，出任安徽省政府财政厅厅长。针对当时众多的贪官污吏乘 国难之机贪污腐化、中饱私囊等劣行，章乃器上任伊始就提出了"铲除 贪污"等四项重大措施。… HTML 文档的扩展名用 htm 或 html 表示。把编辑好的文件存储为“zhnaqi.htm”或 “zhnaqi.htm”文件，然后使用浏览器浏览显示这个文件，就可在浏览器的窗口中看到如图 21-01 所示的网页。 图 21-01 在 Web 浏览器上显示的 HTML 文档 21.2 HTML 标签和属性 HTML 标签和属性很多，为了了解标签和属性的含义，这里仅选择了少数标签和属性 作一些解释。若要了解完整的标签和属性，请参看[5]。有些 HTML 编辑器的联机“帮助” 文件中也可找到很完整的说明(例如 Sausage Software 公司的 HotDog Professional )。 21.2.1 基本标签
第21章超文本标记语言(HTML 1. …之间的文件是用HIML文档 2. head> 文档头标签告诉浏览器在… 文档名称标签告诉浏览器在 HTML 4.0 Specification body> 在这个HIML文档中,文档名称为HIML40 Specification 4. 正文标签标签告诉浏览器在…之间的内容是正文部分。这是HML文 档中最多的部分,是显示在浏览器窗口中的文档内容 5. 在HIML规范中定义了6个等级的标题标签,其中 之间包含的是第n级标题 段落( paragraph)标签告诉浏览器在…之间包含的是一段文字。HIML没有使 用硬换行( carriage return)来分段落,这是与字处理软件不同的地方。在HIML文档中,p 和之间不论有多少行,不论每一行有多长或者多短,也不论其间有多少个空格,浏览器 都把它作为一个段落来处理 1例21.21Web浏览器忽略标签和之间的行数、空行和空字符 步入HIML世界 这是第一段 把这段内容分成几个“小段”之后 在浏览器上依然显示一个段落! 在源HIML文档中,虽然有硬换行,但浏览器只有遇到标签之后才开始新的一行, 在浏览器上将显示如图21-02所示的样式
第 21 章 超文本标记语言(HTML) 4 1. HTML 标签告诉浏览器在 … 之间的文件是用 HTML 文档。 2. 文档头标签告诉浏览器在 … 之间包含的是 html 文档名称。 3. 文档名称标签告诉浏览器在 … 之间包含的是具体的 HTML 文档名称。名 称的长度通常不超过 64 个字符数。 [例 21.1] 开始与结束标签之间的文档名称。 HTML 4.0 Specification 在这个 HTML 文档中，文档名称为 HTML 4.0 Specification。 4. 正文标签标签告诉浏览器在 … 之间的内容是正文部分。这是 HTML 文 档中最多的部分，是显示在浏览器窗口中的文档内容。 5. 在 HTML 规范中定义了 6 个等级的标题标签，其中 n＝1，2，…，6。 … 之间包含的是第 n 级标题。 6. 段落(paragraph)标签告诉浏览器在 … 之间包含的是一段文字。HTML 没有使 用硬换行(carriage return)来分段落，这是与字处理软件不同的地方。在 HTML 文档中， 和之间不论有多少行，不论每一行有多长或者多短，也不论其间有多少个空格，浏览器 都把它作为一个段落来处理。 [例 21.2] Web 浏览器忽略标签和之间的行数、空行和空字符。 步入 HTML 世界。 这是第一段。 把这段内容分成几个“小段”之后， 在浏览器上依然显示一个段落! 在源 HTML 文档中，虽然有硬换行，但浏览器只有遇到标签之后才开始新的一行， 在浏览器上将显示如图 21-02 所示的样式
第21章超文本标记语言(HTML 介纽M- Microsoft Internet Explorer=回 文件G编辑查看△O收蘇③工具(①帮助 步入H世界 图21-02标签“p>的特性 7.…表示标签之间的列表项目是无编号列表( Unnumbered list ②…表示标签之间的列表项目是有编号列表( Ordered List ③:表示标签后面的内容是具体的列表项目( List Item) 例21.3在…之间的项目表示无编号。 计算机科学与技术系 工程物理系 <>生物科学与技术系 在浏览器上将显示如图21-03所示的样式。 介绍 HTML-Microsoft Internet Explorer 文件)编辑)查看△收藏)工具①帮助⑩ 算机科学与技术系 程物理系 生物科学与技术系 图21-03标签的特性 例21.41在…之间的项目是有编号的,这种列表也称为有序列表 故宫(1998年一): 开放时间:08:30-17:30 <>门票价格:内宾20元,外宾60元。 <>住宿条件:附近有北京饭店等多个饭店 餐饮设施:附近有谭家菜餐厅等多个餐厅 <>天气状况:四季皆宜 在浏览器上将显示如图21-04所示的样式
第 21 章 超文本标记语言(HTML) 5 图 21-02 标签的特性 7. 、和 HTML 支持无编号列表标签和有编号列表标签，而且还可以在列表标签中套列表标签。 ① … 表示标签之间的列表项目是无编号列表(Unnumbered List)。 ② … 表示标签之间的列表项目是有编号列表(Ordered List)。 ③ ：表示标签后面的内容是具体的列表项目(List Item)。 [例 21.3] 在 … 之间的项目表示无编号。 计算机科学与技术系 工程物理系 生物科学与技术系 在浏览器上将显示如图 21-03 所示的样式。 图 21-03 标签的特性 [例 21.4] 在 … 之间的项目是有编号的，这种列表也称为有序列表 故宫(1998 年—)： 开放时间：08:30-17:30 门票价格：内宾 20 元，外宾 60 元。 住宿条件：附近有北京饭店等多个饭店 餐饮设施：附近有谭家菜餐厅等多个餐厅 天气状况：四季皆宜 在浏览器上将显示如图 21-04 所示的样式
第21章超文本标记语言(HTML 介绍TM- Microsoft Internet Explorer 辑正查看△收藏(△)工具①帮助 故宫(1998年-) 附近有北京饭店等多个饭店 附近有谭家菜餐厅等多个餐厅 5.天气状况:四季皆宜 包完 厂回我 图21-04标签的特性 例215]嵌套列表 直辖市 >北京市 天津市 上海市 重庆市 福建省 广东省 湖北省 浏览器上将显示如图21-05所示的样式。 介纽 HTML-Microsoft Internet Explorer 文件正)编辑G)查看心收藏(A)工具①帮助e 3.上海市 4,重庆市 图21-05嵌套列表 8.和 定义列表有三个标签: 标签:表示定义列表( Definition lists 标签:表示后面的项是定义术语( Definition Term) dd>标签:表示后面的项是定义释义( Definition Definition
第 21 章 超文本标记语言(HTML) 6 图 21-04 标签的特性 [例 21.5] 嵌套列表 直辖市 北京市 天津市 上海市 重庆市 省 福建省 广东省 湖北省 … 在浏览器上将显示如图 21-05 所示的样式。 图 21-05 嵌套列表 8. 、和 定义列表有三个标签： 标签：表示定义列表(Definition Lists) 标签：表示后面的项是定义术语(Definition Term) 标签：表示后面的项是定义释义(Definition Definition)
第21章超文本标记语言(HTML 例21.61定义列表格式 html 超文本标记语言, Hypertext Markup Language的缩写。 smpte time code SMPTE时间码,记录在录像带上用来标识每一帧电视信号的一种信号标准, 它用于电视编辑。 SMPTE( Society of Motion Picture and Television Engineer是运动图像和电视工程师协会缩写。 在浏览器上将显示如图21-06所示的样式。 介绍 HTML-Microsoft Internet Explorer 文件编辑住查看△收藏()工具①帮助 ③的岱搜索□收夹个人栏 超文本标记语言, Hypertext Markup language的缩写。 SMPTE time code SMPE时间码,记录在录像带上用来标识每一帧电视信号的 :1:的图x是运动图像和电视工程 师协会缩写。 完成 □回我的电脑 图21-06标签、和的特性 预格式文本( Preformatted Text)标签用于产生固定宽度的字符。在pre>…之间 的空格、新行、空行和表格与HIML源文档中的一致。例如 HIML超文本标记语言 Hypertext Markup Language的缩写 SMPTE time code SMPTE时间码 记录在录像带上用来标识每一帧电视信号的一种信号标准,它用于电视编辑 SMPTE运动图像和电视工程师协会 Society of Motion Picture and Television Engineers的缩写。 在浏览器上将显示如图21-07所示的样式 介绍 ML-Microsoft Internet Explorer 「文件编辑查看△收藏△)工具①帮助出 中后退·+·③的岱搜索收藏夹正个人栏 超文本标记语言 Markup language的缩写 记录在录像带上用来标识每一帧电视信号的一种信号标;准,它用于电视编辑 图像和电视工程师协会 Society of Motion Picture and Television Engineers的綰骂 □回我的电 图21-07标签pre>的特性 10. 扩展引用( Extended Quotations)标签告诉浏览器在…之间包
第 21 章 超文本标记语言(HTML) 7 [例 21.6] 定义列表格式 HTML 超文本标记语言，Hypertext Markup Language 的缩写。 SMPTE time code SMPTE 时间码，记录在录像带上用来标识每一帧电视信号的一种信号标准， 它用于电视编辑。SMPTE(Society of Motion Picture and Television Engineers)是运动图像和电视工程师协会缩写。 在浏览器上将显示如图 21-06 所示的样式。 图 21-06 标签、和的特性 9. 预格式文本(Preformatted Text)标签用于产生固定宽度的字符。在 … 之间 的空格、新行、空行和表格与 HTML 源文档中的一致。例如， HTML 超文本标记语言 Hypertext Markup Language 的缩写。 SMPTE time code SMPTE 时间码 记录在录像带上用来标识每一帧电视信号的一种信号标准，它用于电视编辑。 SMPTE 运动图像和电视工程师协会 Society of Motion Picture and Television Engineers 的缩写。 在浏览器上将显示如图 21-07 所示的样式。 图 21-07 标签的特性 10. 扩展引用(Extended Quotations)标签告诉浏览器在 … 之间包
第21章超文本标记语言(HTML 含一个比较长的引用语。例如, 不管前面是地雷阵还是万状深渊,我将一往无前,义无反顾 鞠躬尽瘁,死而后已 p>朱总理,1998年3月 强制换行/邮政地址标签( Forced Line breaks/Postal Addresses)告诉浏览器在显示时一定 要换行,目的是不在行与行之间增加空白行。例如, 清华大学计算机科学与技术系 智能技术与系统国家重点实验室 电话(te):(010)62782266(0)-br> 传真(fax)(010)6277138-br> 电子邮件地址(emai):username@)mail.tsinghua.edu.cn 在浏览器上将显示如图21-08所示的样式。 介绍 HTML -Microsoft Internet Explore 文件叵编辑查看②收藏②)工具①帮助⑩ 中后退·→·③的国搜索白收藏夹③个人栏 清华大学计算机科学与技术系 智能技术与系统国家重点实验室 邮政编码:100084 e1):(010)6278266(0) 传真(fax):(010)627713 电子邮件地址(emai1): usernamefemail. tsinghua.ed.cn 包完成 □我的电脑 图21-08标签的特性 12. 交易单标签用来收集用户的信息,它可以包含让用户输入文本和选择项目的接口构件, 如文本域、按钮、复选框( checkbox),单选按钮( radio button)和选择列表等。使用标 签时需要注意:①在交易单中的每个接口构件必须和输入标签()或者选择标签 ()起定义;②交易单中的所有构件必须在…之间定义。例如, 欢迎选修 《多媒体技术基础》 cform method="post"action="/cgi-bin/passwodl pl"> 请输入您的姓名 请输入您的密码
第 21 章 超文本标记语言(HTML) 8 含一个比较长的引用语。例如， 不管前面是地雷阵还是万状深渊，我将一往无前，义无反顾， 鞠躬尽瘁，死而后已。 朱总理，1998 年 3 月 11. 强制换行/邮政地址标签(Forced Line Breaks/Postal Addresses)告诉浏览器在显示时一定 要换行，目的是不在行与行之间增加空白行。例如， 清华大学 计算机科学与技术系 智能技术与系统国家重点实验室 邮政编码：100084 电话(tel): (010)62782266(o) 传真(fax): (010)62771138 电子邮件地址(e-mail): usernamef@mail.tsinghua.edu.cn 在浏览器上将显示如图 21-08 所示的样式。 图 21-08 标签的特性 12. 交易单标签用来收集用户的信息，它可以包含让用户输入文本和选择项目的接口构件， 如文本域、按钮、复选框(checkboxe)，单选按钮(radio button)和选择列表等。使用标 签时需要注意：①在交易单中的每个接口构件必须和输入标签()或者选择标签 ()一起定义；②交易单中的所有构件必须在…之间定义。例如， 检查身份 欢迎选修 《多媒体技术基础》 请输入您的姓名: 请输入您的密码:
第21章超文本标记语言(HTML 在浏览器上将显示如图21-09所示的样式 检查身价 Microsoft Internet Explore 文件销辑()查看心收菜色工具①)帮助 后退·+-的a搜索收影夹④个人栏 欢迎选修 多媒体技术基础与应用 请输入您的姓名 请输入您的密码 提交」潘除 包完成 □□回我的电脂 图21-09标签的特性 13. 水平线( Horizontal rule)标签告诉浏览器在显示屏幕上产生一条用于分割文档的水平 线,其长度与浏览器窗口等宽,粗细和长短都可设置。例如, 在浏览器上将显示如图21-10所示的样式。 介纽 HTML (by Lin) Microsoft Internet Explorer 文件)编辑查看收藏工具①帮助 知后退·中-益搜索收藏夹④个人栏·③ 包完成 回我的电脑 图21-10标签的特性 14.标签 注释标签用来在HIML文档的源代码中插入注释,用来解释编写的源代码,并告诉浏 览器不要显示注释。例如, 源代码 浏览器上显示 上梁不正下梁歪 p>上梁不正下梁歪 2122标签的属性 HIML的许多标签都有属性 attribute)。在SGML和HIML中,属性用来修改HIML 标签之间的元素的特性。例如,标签之间的元素的对齐方式、图像的大小等等。 例217设置字体属性 p>理解字符属性的概念p> 这条语句表示“理解字符属性的概念”这几个字的颜色是红色,字号等于4。在浏览器 上将显示如图21-11所示的样式
第 21 章 超文本标记语言(HTML) 9 在浏览器上将显示如图 21-09 所示的样式。 图 21-09 标签的特性 13. 水平线(Horizontal Rule)标签告诉浏览器在显示屏幕上产生一条用于分割文档的水平 线，其长度与浏览器窗口等宽，粗细和长短都可设置。例如， 在浏览器上将显示如图 21-10 所示的样式。 图 21-10 标签的特性 14. 标签 注释标签用来在 HTML 文档的源代码中插入注释，用来解释编写的源代码，并告诉浏 览器不要显示注释。例如， 源代码 浏览器上显示 上梁不正下梁歪 上梁不正下梁歪 21.2.2 标签的属性 HTML 的许多标签都有属性(attribute)。在 SGML 和 HTML 中，属性用来修改 HTML 标签之间的元素的特性。例如，标签之间的元素的对齐方式、图像的大小等等。 [例 21.7] 设置字体属性 理解字符属性的概念 这条语句表示“理解字符属性的概念”这几个字的颜色是红色，字号等于 4。在浏览器 上将显示如图 21-11 所示的样式
第21章超文本标记语言(HTML 百介绍MbyL)= Microsoft Internet Explorer 文件)编辑住查看△收△)工兵①帮助出 中后退·⑨的益②搜索国收藏夹③正个人栏·” 理解字符属性的概念 图21-11字体属性举例 例21.81在HIML文档中插入对齐( align)属性 这是居中段落 align= center属性表示段落居中,在浏览器上将显示如图21-12所示的样式。 align= right 表示右对齐属性, align=eft表示左对齐属性。 介Mwh= Microsoft I 件任编辑查看心收工具①D帮助40 退+0日△a接素收夹③个人栏|必3 这是居中段落 图21-12对齐属性举例 213字符样式 213.物理样式和逻辑样式 HIML为单独的词或者句子定义了两种样式:物理样式( Physical Style)和逻辑样式 ( Logical Styles)。物理样式说明标签之间的文句的特定外貌,而逻辑样式则按文本的意思显 文句的外貌。 表21-1和表21-2分别列出了部分物理样式和逻辑样式的标签功能 表21-1物理样式 Physical Style 标签 显示样式 说明 求实创新!求实创新!<> 求实创新! 斜体 下戈 求实创新!求实创新!求实创新! 表21-2逻辑样式( Logical style 标签 阝显示样式主要用途 求实创新!求实创新!<eie 求实创新书名、影视名等的引用,斜体 <coue求实创新!<oe求实创新!计算机代码,显示固定宽度字体
第 21 章 超文本标记语言(HTML) 10 图 21-11 字体属性举例 [例 21.8] 在 HTML 文档中插入对齐(align)属性： 这是居中段落 align=center 属性表示段落居中，在浏览器上将显示如图 21-12 所示的样式。align=right 表示右对齐属性，align=left 表示左对齐属性。 图 21-12 对齐属性举例 21.3 字符样式 21.3.1 物理样式和逻辑样式 HTML 为单独的词或者句子定义了两种样式：物理样式(Physical Style)和逻辑样式 (Logical Styles)。物理样式说明标签之间的文句的特定外貌，而逻辑样式则按文本的意思显 示文句的外貌。 表 21-1 和表 21-2 分别列出了部分物理样式和逻辑样式的标签功能。 表 21-1 物理样式(Physical Style) 标签 显示样式 说明 求实创新！ 求实创新！ 黑体 求实创新！ 求实创新！ 斜体 求实创新！ 求实创新！ 下划线 求实创新！ 求实创新！ 打字机字体 求实创新！ 求实创新！ 上标 求实创新！ 求实创新！ 下标 求实创新！ 求实创新！ 加删除线 求实创新！ 求实创新！ 加删除线 表 21-2 逻辑样式(Logical Style) 标签 显示样式 主要用途 求实创新！ 求实创新！ 求实创新！ 求实创新! 书名、影视名等的引用，斜体 求实创新！ 求实创新！ 计算机代码，显示固定宽度字体 求实创新！ 求实创新！ 定义一个词，通常为斜体