第7章超媒体与Web系统-JC2

第7章超媒体与Web系统7.1超文本和超媒体的概念7.2超文本和超媒体系统7.3超文本和超媒体的应用7.4存在的问题及发展前景17.1超文本和超媒体的概念超文本和超媒体的主要特点访问方式和系统的特性超文本与超媒体的示例2超文本与超媒体

能不能像人类思维那样以通过“联想”来明确信息的关联性？信息爆炸现有的信息存储与检索机制导致：信息不能被全面而有效的利用矛盾比文本更高一层次的信息管理技术，“超文本”3

文本(Text)是什么？

文本是我们最熟悉的信息表示方式。文章、程序、书、文件等都以文本出现，通常以字、句子、段落、节、章作为文本内容的逻辑单位，而以字节、行、页、册、卷为物理单位。什么是超文本（一）4文本的线性结构文本的最显著特点是它在组织上是线性的和顺序的。这种线性结构体现在你读文本时只能按固定的线性顺序一字一字、一行一行、一页一页地读下去。5什么是超文本（一）

文本的特点

例如：“英会我文讲”这句话是无结构的；而“我会讲英文”就是有结构的一句话。线性文本

作为一种线性组织表现出贯穿主题的单一路径。线性顺序6什么是超文本（二）但是人类记忆的互联网状结构就可能有多种路径，不同的联想检索必然导致不同的路径。例如：某人对“夏天”一词可能产生下面一系列的联想结果。

夏天→太阳→星星→天文学→望远镜→伽利略→比萨→斜塔→佛教→和尚……夏天？？？？？7什么是超文本（三）“夏天”产生的联想可以是千差万别夏天→游泳→大海→鱼→吃饭→饭盒→餐具→银器→耳环→婚礼→婚纱→白雪…“联想”的网状结构用纯文本是无法管理的！

必须采用一种比文本更高一层次的信息管理技术，即超级（Hyper）文本（Text）。8什么是超文本（四）

超文本的结构不是顺序的

它类似于人类的联想记忆结构，采用一种非线性的网状结构：

节点基本信息块链自然关联9小型超文本示例

A节点B节点C节点D节点E节点F节点6个节点和9条链组成的超文本结构10超文本的主要特点

没有固定的顺序，也不要求读者必须按某个顺序来阅读。

用户可以主动地决定阅读节点的顺序。11早期超文本系统的表现形式仅是文字的，这就是它被称为“TEXT”的原因。

超媒体不仅可以包含文字，而且还可以包含声音、图形、图像、动画和视频片段，这些媒体之间也是用超级链接组织的，而且它们之间的链接也是错综复杂的。超媒体12多媒体、数据库与超文本/超媒体多媒体超文本数据库超媒体超文本数据库超媒体数据库多媒体数据库13超媒体具有如下的特点：多种媒体信息网络结构形式交互特性

14超文本和超媒体的访问方式

超文本和超媒体系统的特性

超文本和超媒体是一种典型的数据库技术由节点和表达节点之间关系的链组成的网。每个节点都链接在其它节点上，用户对网进行浏览、查询和注释等操作。15

超文本和超媒体的访问方式决定于其内部结构。

超文本是一种接口模型，它采用“控制按钮”的方式组织接口。“按钮”由作者设置在正文中，用户通过按钮访问下面的信息“链”访问方式16（1）内容多媒体化（2）网状的信息结构更它接近现实世界（3）屏幕中的窗口和数据库中的节点具有对应关系。

超媒体系统的基本特性超媒体的三要素：节点、链、网络17（4）便于设计者修改、编辑节点和链（5）便于用户进行浏览和查询（6）具备良好的扩充功能，接受不断更新的超媒体管理和查询技术。

从交互性的角度：18超媒体系统的特性:多媒体化交互性19超文本与超媒体的示例

1、操作系统Windows中的“帮助”就使用了超文本的方式2、电子百科全书、3、教学应用的CAI4、旅游信息、软件工程、20具体示例１假设有一位总经理，他自己有电子记事本，他的秘书根据他与外商谈判的材料按照超文本的结构形式组织好了有关材料供总经理使用。下面借助于下图来说明。21超文本系统的节点和网络结构某人的电子记事本：22第8章超文本和超媒体

8.1超文本和超媒体的概念8.2超文本和超媒体系统8.3超文本和超媒体的应用8.4存在的问题及发展前景23超文本和超媒体系统组成要素特征和组成导航技术结构模型24超文本与超媒体的组成要素

节点链网络

25１．节点节点是表达信息的单位，是围绕一个特殊主题组织起来的数据集合。节点的内容可以很丰富。26表现型：记录各种媒体信息如：文本节点、图文节点等组织型：用于组织并记录节点间的联结关系。起索引目录的作用即组织节点的节点。

节点分为两种类型：27节点的基本类型归纳如下：⑴文本节点⑵图形节点⑶图像节点⑷音频节点⑸视频节点⑹混合媒体节点⑺按钮节点⑻组织型节点⑼推理型节点表现型？组织型？28表现型节点（一）文本节点：一般在字、词上建键，也就是说链源一般为文本上的字词，称为“热字”。图形节点：一般在位图图像上建链，链源是图像上的某一敏感区域，称为“热区”，通过触发热区，导致向另一个节点迁移。29表现型节点（二）声音节点：是由听觉媒体构成的节点，有时称为音乐节点。它可以是一段录音或者是一段合成的声音，同图形一样，它们也可以嵌套在文本里。具有交互控制、播放控制、热点设置具体表现：从一段声音调到另一段声音时基类媒体30表现型节点（三）视频节点：动画和视频都属于动态图像媒体，其特性就是时间连续性，信息是视频信息。节点的链源就要与时间有关—理解滞后性节点必须有交互控制的能力具体表现：从一段视频调到另一段视频31表现型节点（四）混合媒体节点：上述介绍的节点都是由单个媒体构成的节点，混合媒体的节点是以上节点的某种组合。按钮节点：也称为动作与操作节点，因为动作和操作也是一类媒体。赋之以人的某种操作或动作。

←下一页按钮32

在面向对象的超媒体系统中，常用到组织型节点和推理型节点。

组织型节点：是用来组织其他节点的节点包括索引文本节点、索引节点数据库的管理推理型节点：是用于辅助链的推理与计算包括对象节点、规则节点上面6种节点类型只表示信息而不表示知识.33热标（Hotspot）

确定信息关联的链源。确定信息之间的关联，引起向相关节点的转移不同的媒体有不同的热标热字（hot-word）热区（hot-area）热元（hot-element）热点（hot-point）:主要用于时基类媒体热属性（hot-attribution）：把关系数据库中的属性作为热源使用34超文本与超媒体的组成要素

节点链网络

35２．链超媒体链又称为超链，是节点间的信息联系，它以某种形式将一个节点与其它节点连接起来。

信息间的联系丰富多彩引起链的种类复杂多样,但最终达到效果却是一致的，即建立起节点之间的联系。

36链的一般结构链的一般结构可分为三个部分：链源、链宿及链的属性。链源是导致浏览过程中节点迁移的原因，可以是热标、媒体对象或节点等。链宿是链的目的所在，可以是节点，也可以是其他任何媒体的内容。链的属性决定链的基本类型。37带热字的文本38３．网络超文本由节点和链构成网络是一个有向图，这种有向图与人工智能中的语义网有类似之处。39网络具有如下特性功能：①超媒体的数据库是由声、文、图各类节点组成的网络。②屏幕中的窗口和数据库中的节点是一一对应的40③支持标准窗口的操作，窗口能被重定位、调整大小，关闭或缩小成一个图符。④窗口中可含有许多链标示符，它们表示链接到数据库中其它节点的链。⑤作者可以很容易地创建节点和链接新的节点的链。⑥用户对数据库进行浏览和查询。

41宏节点

宏节点是指链接在一起的节点群，更准确地说，一个宏节点就是超文本网络的一个有某种共同特征的子集。当超媒体信息网络十分巨大时，分层是简化网络拓扑结构最有效的方法。

42一台计算机Web网跨越计算机的链多个宏节点多个节点宏节点=跨越网络的超链43超媒体系统的特征和组成

超媒体系统的特征超媒体系统的组成44超媒体系统的特征

一个好的超媒体系统应具有以下几个重要的特征：1.节点多媒体化2.网状的信息链接结构3.导航工具和导航能力4.窗口化的管理功能5.共享数据库等

451.节点多媒体化具有提供文本、图形、图像、声音、动画和视频片段等各种媒体的能力，并能用多窗口的形式加以表现。2.网状的信息链接结构具有网状的复杂信息链接结构，用户可以用不同的方法查询、使用超媒体中各节点的内容。3.导航工具和导航能力具有良好的导航工具和导航能力，能指引用户在超媒体的信息网中漫游。具有防止迷路的手段，使用户可以通过定位图确定自己的位置。

46

4.窗口化的管理功能具有窗口化的管理功能，包括修改、增加、删除节点和链的能力。对节点的内容有良好的编辑功能。5.共享数据库等可通过网络共享数据库，并可以供多用户使用库内信息；具有交互式的操作和程序员接口。47超媒体系统的组成

超媒体系统一般由

创作子系统

读者子系统

支持子系统组成48创作子系统：完成多媒体的时空表现描述，建立超媒体信息网络的节点和链，并对已有的超媒体系统进行增加、删除和修改等操作。

读者子系统：用于协助用户使用超媒体的文献和数据。超媒体系统的组成49它要协助创作子系统和读者子系统完成对超媒体的节点、链、热标、宏节点的管理和维护。它能识别超链的成分，并引导转向相应的目标节点。它要完成多媒体信息的存储、输入和输出、数据库管理等工作如果在网上运行，则支持子系统要协助用户完成不同计算机之间协议的连接和通信，完成用户的各种操作。

支持子系统：系统应用的内核层--实现超媒体服务的关键，超媒体系统的组成50超媒体系统的导航技术

超媒体系统信息量大，结构灵活，若没有良好的导航工具，查找信息如大海捞针。通过导航工具，用户能方便地找到所需要的信息，并在迷路时能返回原地。

51现有的导航工具主要有以下几种：1.直接组织器2.映像图和图形组织器3.联机指南或帮助4.传统的索引52

1.直接组织器设计者建立直观的图形、图像和界面，帮助用户存取可以看到的和可以听到的数据库。2.映像图和图形组织器图形组织界面给出数据库里链的概图，显示“内容”在数据库内的位置；组织映像图给用户提供浏览路径。导航工具533.联机指南或帮助

记录用户个人浏览路径，显示系统中的链并连成网，由此可看出用户的兴趣所在。4.传统的索引传统的索引表或其他文本查询工具也可以作为导航工具，满足用户习惯。

54超文本与超媒体系统的结构模型

超文本与超媒体系统就是完成并只使用前述超文本或超媒体的软硬件的总称。从理论上讲可将其划分为三个层次：表现层——用户接口；超文本抽象机层——节点和链；数据库层——存储、共享数据和网络访问。55超文本和超媒体的体系结构

56数据库层是模型中的最低层，它涉及所有传统的有关信息存储的问题，是为基础。１．数据库层超文本系统中的信息量大，需要存储的信息量也就大57超文本抽象机层是三层模型中的中间层，这一层决定了超文本系统节点和链的基本特点，记录了节点之间链的关系，并保存了有关节点和链的结构信息。２．超文本抽象机层58用户接口层也称表示层或用户界面层，是三层模型中的最高层，也是超文本系统特殊性的重要表现，并直接影响着超文本系统的成功。用户接口层是超文本和超媒体系统人－机交互的界面。用户接口层决定了信息的表现方式、交互操作方式以及导航方式等。

３．用户接口层59超文本与超媒体系统的两个模型

超文本和超媒体的系统结构较著名的是Cambell和Goodman模型,另一个是从事超文本标准化研究Dexter小组提出的Dexter模型。

60这两个模型是基本相似的，它们都是将超文本和超媒体体系结构分为三个层次，如图所示。网状关系元素内容用户工具61第8章超文本和超媒体

8.1超文本和超媒体的概念8.2超文本和超媒体系统8.3超文本和超媒体的应用8.4存在的问题及发展前景62超文本与超媒体的应用

随着多媒体技术的发展，超文本与超媒体技术，具有广阔的应用前景。超文本与超媒体组织和管理信息方式符合人们的“联想”思维习惯。适合于非线性的数据组织形式，以它独特的表现方式，得到了广泛的应用。

63１．多媒体信息管理超媒体被许多人称为“天然”的多媒体信息管理技术。百科全书、词典、各种专业的参考书、科技期刊中。有效的组织，使得用户使用起来更加方便64

２．个人学习、工作辅助与办公自动化

超文本与超媒体应用于办公自动化中，改变了人们传统的工作方式和思维习惯，提供人们更为形象、直观的工作环境，极大地提高了工作的效益和效率。

65３．商业展示、产品广告和指南超媒体化的产品和广告、单位的形象介绍、展览会的展示、旅游和饭店的指南、机场和车站的查询机等都为用户提供了一种很好的展示方式。66４．娱乐（音乐、小说、电影）和休闲

超媒体的神化故事、侦探小说、报纸和刊物、家庭菜谱、电子游戏等，为家庭休闲和娱乐开辟了新的途径。

67“交互式小说”和“交互式电影”，用超媒体组织素材，由读者和观众自己编辑，按自己的爱好和愿望去改变主人翁的命运和结局。68

Internet提供了世界范围内网络互连和通信功能。

WWW(WorldWideWeb环球信息网)是Internet中最佳的信息检索体系。它以基于客户/服务器的工作方式，通过超文本文献，把全世界不同地点服务器的相关信息有机地结合了起来。服务器浏览器6970超文本传输协议HTTPHTTP协议运行在客户程序和服务器程序中。不同端系统上的客户程序和服务器程序通过交换HTTP消息彼此交流。HTTP定义Web客户(即浏览器)如何从web服务器请求Web页面，以及服务器如何把Web页面传送给客户。71HTTP消息请求消息示例：方法协议宿主名目录与文件名协议版本客户发出消息服务器响应消息72SGMLHTMLXML超文本标记语言

73SGML

标准通用标记语言（StandardGeneralizedMarkupLanguage，SGML）是1988年的一个的国际标准。SGML是一种用标记来描述文档资料的通用语言。早在Web未发明之前，SGML就早已存在。74SGML规定了在文档中嵌入描述标记的标准格式，指定了描述文档结构的标准方法。

SGML是一个包含超文本链接（hypertextlinks）的综合语言，在Web上使用的HTML格式是使用固定标签集的一种SGML文档。

SGML的语法是可以扩展的。

75HTML

超文本标记语言（HyperTextMarkupLanguage，HTML）是一种用来创作万维网页面的描述语言。

HTML是从SGML导出的语言，是SGML的一个子集。使用HTML创作的文档是一套固定标签的SGML文档。

762

HTML文档结构<html>

<head>

<title>……</title>

</head>

<body>

正文内容

</body></html>告诉浏览器HTML文件开始和结束<html>…</html>HTML文件的头部标记<head>…</head><body>…</body>HTML文件的主体标记<title>…</title>文档名称标记HTML文档基本结构如下：77XML

可扩展标记语言（ExtensibleMarkupLanguage，XML）是一种新型的标记语言。它同HTML一样，都来自SGML。

XML是一个精简的SGML，它将SGML的丰富功能与HTML的易用性结合到Web的应用中。781

XML文档基本结构例：一个简单的XML文档第一行是XML声明，定义此文档所遵循的XML标准的版本，在这个例子里是1.0版本的标准，使用的是ISO-8859-1字符集。后面几行是文档元素，其中，“note”是“大”元素，在“大”元素中包含若干“小”元素，如“to”、“from”等。<?xmlversion="1.0"encoding="ISO-8859-1"?><note><to>Lin</to><from>Ordm</from><heading>Reminder</heading><body>Don'tforgetmethisweekend!</body></note>79XML保留了SGML的可扩展功能。XML不再是固定的标记，允许定义数量不限的标记来描述文档中的资料，允许嵌套的信息结构。

HTML只是Web显示数据的通用方法，而XML提供了一个直接处理Web数据的通用方法。

HTML着重描述Web页面的显示格式，而XML着重描述的是Web页面的内容。

XML与HTML的区别80

XML的应用可分为四类：用于客户需要与不同的数据源进行交互时。应用于将大量运算负荷分布在客户端，即客户可根据自己的需求选择和制作不同的应用程序以处理数据，而服务器只须发出同一个XML文件。应用于将同一数据以不同的面貌展现给不同的用户。这一应用也可在上例中体现出来。应用于网络代理对所取得的信息进行编辑、增减以适应个人用户的需要。81虚拟现实在Internet上的应用有：远程教育商业应用娱乐82第8章超文本和超媒体

8.1超文本和超媒体的概念8.2超文本和超媒体系统8.3超文本和超媒体的应用8.4存在的问题及发展前景83超文本与超媒体存在的问题超文本与超媒体是一项正在发展中的技术，虽然它有许多独特的优点，但也存在许多不够完善的方面。

84１．信息组织超文本的信息是以节点作为单位。如何把一个复杂的信息系统划分成信息块是一个较困难的问题。例如一篇文章，一个主题，又可能分成几个观点，而不同主题的观点又相互联系，而为这些联系分割开来，就会破坏文章的本身表达的思想。这样节点的组织和安排就可能要反复调整和组织。

85２．智能化虽然大多数超文本系统提供了许多帮助用户阅读的辅助信息和直观表示。但因超文本系统的控制权完全交给了用户，当用户接触一个不熟悉的题目时，可能会在网络中迷失方向。要彻底解决这一问题，还需要研究更有效的方法，这实际上是要超文本系统具有某种智能性，而不是只能被动地沿链跳转。超文本在结构上是人工智能有着相似之处，使它们有机的结合将成为超文本与超媒体系统的必然趋势。

86３．数据转换超文本系统数据的组织与现有的各种数据库文件系统的格式完全不一样。引入超文本系统后，如何为传统的数据库数据转换到超文本中也是一个问题。

87４．兼容性目前的超文本系统大都是根据用户的要求分别设计的，它们之间没有考虑到兼容性问题，也没有统一的标准可循。所以要尽快制定标准并加强对版本的控制。标准化是超文本系统的一个重要问题，没有标准化，各个超文本系统之间就无法沟通，信息就不能共享。

88５．扩充性现有的超文本系统，有待于提高检索和查询速度，增强信息管理结构和组织的灵活性，以便提供方便的系统扩充手段。

89

6．媒体间协调性

超文本向超媒体的发展也带来了一系列需要深入研究的问题，如多媒体数据如何组织，各种媒体间如何协调，节点和链如何表示；对音频和视频这一类与时间有密切关系的媒体引入到超文本中，对系统的体系结构将产生什么样的影响，当各种媒体数据作为节点和链的内容时，媒体信息时间和空间的划分，内容之间的合理组织都是在多媒体数据模型建立时要认真解决的问题。

90超文本与超媒体发展的前景

由超文本向超媒体发展由超媒体向智能超媒体发展由超媒体向协作超媒体发展

91１．由超文本向超媒体发展从超文本到超媒体是技术发展的进步，也是技术发展的必然性。超文本向超媒体的转变不仅是将文本媒体扩展到其它媒体，而且还要能使系统自动地判断媒体类型，并执行对应的操作。对图像的热区，视频的热点等都能引起类似于热字的反应，多媒体的表现及基本内容的检索等。超文本向超媒体的转变，大大地增强了功能和性能，也增加了系统实现的难度。

92２．由超媒体向智能超媒体发展在超媒体技术的研究中,有人提出智能超媒体或专家超媒体（Expertext）。这种超媒体打破了常规超媒体文献内部和它们之间严格的链的限制，在超媒体的链和节点中嵌入知识或规则,允许链进行计算和推理,使得多媒体信息的表现具有智能化。

93３．由超媒体向协作超媒体发展超媒体建立了信息之间的链接关系，那么也可用超媒体技术建立人与人之间的链接关系，这就是协作超媒体技术。超媒体节点与链的概念使之成为支持协同性工作的自然工具。协同工作使得多个用户可以同一组超媒体数据上共同进行操作。这样未来的电子邮政、公共提示板等都可能应用到超媒体系统中。94附：html与xml951

HTML概述超文本标记语言(HyperTextMakeupLanguage，HTML)是一种文本类、解释执行、用来制作超文本文件的简单标记语言。一个HTML文挡通常由文档头、文档名称、表格、段落和列表等文档元素构成，并且使用HTML规定的标记来标记这些元素。

HTML的专长是将文件数据显示在浏览器中，它提供了很多与显示内容有关的标记，这些标记都是系统定义的，用户无法自定义所要的标记。就一般的使用，HTML所提供的标记还是够用的，而且目前市面上很多网页制作软件，均支持HTML的文件格式。962

HTML文档结构<html>

<head>

<title>……</title>

</head>

<body>

正文内容

</body></html>告诉浏览器HTML文件开始和结束<html>…</html>HTML文件的头部标记<head>…</head><body>…</body>HTML文件的主体标记<title>…</title>文档名称标记HTML文档基本结构如下：973

链接标记连接是指将文档中的文本或者图像与另一个文档、文档的一部分或者另一幅图像等内容链接在一起。超链接的三种类型：内部链接：指向文档内部的链接外部链接：指向非本地服务器上的文档的链接本地链接：指向本地服务器或计算机中文档的链接984

多媒体标记插入图像(1)内联图象内联图像是指与Web网页中的文本一起下载和显示的图像，表现为文本和图像显示在同一网页上，在HTML文档中插入图像文件的格式如下:<imgsrc="URL地址"align=""border=""width=""height=""alt="">…</img>例199<html><head><title>插入内联图像</title></head><h1>内联图像</h1><body><imgsrc="7-1.jpg"align=leftborder=5width=250height=200></body></html>例1：内联图像运行结果1004

多媒体标记插入图像(２)外联图像当内联图像很大时，浏览网页时就需要花很长的时间来下载图片。解决这个问题的办法是用文字或小的内联图像来代表大图像，而把大图像当作一个单独的文档，再把文字或者图标与大图像链接在一起，当用鼠标单击这个链接后，大图像显示在另一个窗口中，这种图像就称为外联图像链接外联图像可以使用下面的语句：<ahref="URL地址">…</a>例２101<html><head> <title>插入外联图象</title></head><h1>外联图象</h1><body> <ahref="mooncake.jpg"><imgsrc="Smallfile.jpg"></a> <br> <br> <ahref="mooncake.jpg">用文字代表大图像</a> </body></html>例2：外联图像运行结果1024

多媒体标记插入图像(3)图像作为网页的背景例3使用图像作为网页背景可使用下面的语句：<bodybackground="URL地址">background属性指定图像文件，其值为背景图像的URL地址。浏览器将其平铺，布满整个网页。103<html><head><title>图像作为网页的背景</title></head><bodybackground="background.jpg"></body></html>例3：图像作为网页的背景运行结果1044

多媒体标记插入声音或视频(1)在文档中链接声音或视频文件<html><head><title>插入声音和视频</title></head><body><ahref="sound.mp3">声音文件</a><br><br><ahref="video.mpg">视频文件</a></body></html>例4：插入声音和视频文件在HTML文档中，使用与外联图像类似的语句把声音文件或视频文件链接到文档中，差别只是文件扩展名不同。运行结果105

4

多媒体标记插入声音或视频(２)在文档中嵌入声音或视频文件把声音或视频文件嵌入到HTML文档中，可以使用下面的代码：上面的代码在页面中插入一个MediaPlayer(视频)播放器来播放音、视频，参数值默认0为否，-1或1为是。<objectclassid="clsid:22D8F312-B0F8-11D0-94AB-0080C74C7E95"id="MediaPlayer1"height=80width=320><paramname="Filename"value="MTV视频文件的URL地址"><paramname="PlayCount"value="0"><paramname="AutoStart"value="1"><paramname="EnableFullScreenControls"value="1"><paramname="ShowAudioControls"value="1"><paramname="EnableContextMenu"value="1"><paramname="ShowDisplay"value="0"></object>例5106<html><head> <title>嵌入视频</title></head><body> <objectclassid="clsid:22D8F312-B0F8-11D0-94AB-0080C74C7E95"id="MediaPlayer1"height=280width=320><paramname="Filename"value="video.mpg"> <paramname="PlayCount"value="0"> <paramname="AutoStart"value="0"> <paramname="EnableFullScreenControls"value="1"> <paramname="ShowAudioControls"value="1"> <paramname="EnableContextMenu"value="1"> <paramname="ShowDisplay"value="0"></object><br><br>视频文件</body></html>例5：嵌入视频文件运行结果107

4

多媒体标记插入声音或视频(3)在文档中嵌入背景音乐在页面中还可以嵌入背景音乐，这种音乐多以MIDI文件为主。嵌入背景音乐的基本语法如下：

<bgsoundsrc="URL地址"loop=""volume="">例6108<html><head><title>在文档中嵌入背景音乐</title></head><h1align=center>嵌入了背景音乐的文档</h1><body><bgsoundsrc="GreenSleeves.MID"></body></html>例6：在文档中嵌入背景音乐运行结果1094

多媒体标记嵌入Flash动画在HTML文档中，可以使用下面的语句嵌入Flash动画。<embedsrc="URL地址"align=""autostart=""loop=""height=""width="">…<.embed><html><head><title>嵌入Flash动画</title></head><body><embedsrc="flash.swf"width=300height=200></height></body></html>例7：嵌入Flash动画运行结果1105

表格标记表格主要通过3个标记来构成：表格标记、行标记、单元格标记。●<table></table>●<caption></caption>●<tr></tr>

●<th></th>●<td></td>例8表格的表头单元格每一行的属性111<html><head> <title>一个简单的表格</title></head><body> <tableborder=1> <caption>学生情况表</caption> <tr> <th>姓名</th><th>性别</th><th>年龄</th> </tr> <tr> <tdalign=left>a</td><tdalign=center>男</td><tdalign=right>20</td> </tr> <tralign=right> <td>b</td><td>女</td><td>19</td> </tr> </table></body><html>例8：一个简单的表格运行结果1126

表单标记URL指明客户端向服务器请求的文件。Method=*中的“*”表示GET或POST，表单中提供给用户的输入形式：<inputtype=*name=**>。其中“*”代表输入元素类型，“**”代表表单元素的名称。表单是实现动态网页的一种主要的外在形式，基本语法结构如下：<formaction=”URL”method=*>……<inputtype=submit><inputtype=reset></form>1137交互功能的实现在记事本中输入表单代码，保存为first.htm第一步代码第二步安装IIS第三步编写相应的demo.asp文件第四步将两个程序保存在C：\Interpub\wwwroot目录中代码打开浏览器，在地址栏中输入/first.htm,在表单中输入姓名，选择性别后,单击“确定”按钮即可实现交互功能。114<html>

<head>

<title>表单</title>

</head>

<body>

<h2align=centerstyle="color:blue">请输入您的姓名和性别</h2>

<hr>

<formmethod=postaction="demo.asp">

<tableborder="0"align="center"><tr>

<tdalign="right">姓名：</td>

<td><inputtype="text"size="8"name="Name"></td>

</tr>

<tr>

<tdalign="right">性别：</td>

<td>

<inputtype="radio"name="sex"value="femal">女

<inputtype="radio"name="sex"value="male">男

</td>

</tr>

<tr>

<tdalign="right">

<inputtype="submit"value="确定">

</td>

<tdalign="right">

<inputtype="reset"value="重置">

</td>

</tr></table></form></body></html>

first.htm运行结果返回115

demo.asp<html><head></head><body>

您的姓名为：<%=request.form("Name")%>。<br>

您的性别为：<%=request.form("sex")%>。</body></html>返回116HTML一种通用的文档结构描述置标语言，规定了在文档中嵌入描述标记的标准格式，为语法置标提供了异常强大的工具，具有极好的扩展性。缺点是复杂度太高，且SGML软件价格非常昂贵，不适合网络的日常应用。

SGML优点是简单易学、灵活通用，发布、检索、交流信息非常简单，比较适合Web页面的开发。缺点是标记相对少，可扩展性差，缺少SGML的柔性和适应性。XML（ExtensibleMarkupLanguage）和HTML一样，是SGML的一个子集。XML是被设计用来描述数据的，重点在于什么是数据，如何存放数据；HTML是被设计用来显示数据的，重点在于显示数据以及如何更好的显示数据。XML不是HTML的替代品，XML和HTML是两种不同用途的语言。

XML和HTML的主要区别1171

XML文档基本结构例：一个简单的XML文档第一行是XML声明，定义此文档所遵循的XML标准的版本，在这个例子里是1.0版本的标准，使用的是ISO-8859-1字符集。后面几行是文档元素，其中，“note”是“大”元素，在“大”元素中包含若干“小”元素，如“to”、“from”等。<?xmlversion="1.0"encoding="ISO-8859-1"?><note><to>Lin</to><from>Ordm</from><heading>Reminder</heading><body>Don'tforgetmethisweekend!</body></note>1181

XML文档基本结构例：一个简单的XML文档<?xmlversion="1.0"encoding="ISO-8859-1"?><note><to>Lin</to><from>Ordm</from><heading>Reminder</heading><body>Don'tforgetmethisweekend!</body></note>●英文字母大小写视为不同的字符。●名称可以包含字母、数字以及其他字符。●名称不能以数字或”_”（下划线）开头。●名称不能以字母xml（或XML或Xml）开头。●名称不能包含空格。XML元素的名称必须遵循下面的命名规则：1192

XML语法●必须有XML声明语句●XML标记都是大小写敏感的●属性值必须使用引号""●所有的标记必须有相应的结束标记●所有的空标记必须被关闭●所有的XML元素必须合理包