第4章-超文本和超媒体_第1页
第4章-超文本和超媒体_第2页
第4章-超文本和超媒体_第3页
第4章-超文本和超媒体_第4页
第4章-超文本和超媒体_第5页
已阅读5页,还剩141页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第4章

超文本和超媒体学习目标l掌握超文本和超媒体的基本概念了解超文本和超媒体的应用了解超文本标记语言了解网页中超文本的实现方法和开发工具

文本是我们最熟悉的信息表示方式。文章、程序、书、文件等都以文本出现,通常以字、句子、段落、节、章作为文本内容的逻辑单位,而以字节、行、页、册、卷为物理单位。文本的线性结构

文本的最显著特点是它在组织上是线性的和顺序的。这种线性结构体现在你读文本时只能按固定的线性顺序一字一字、一行一行、一页一页地读下去。

科学研究表明,人类的记忆是一种联想式的记忆,它构成了人类记忆的网络结构,人类记忆的这种联想结构不同于文本的结构。人类记忆的互连网状结构可能有多种途径,不同的联想检索必然导致不同的访问路径。例如,某人对“通讯工具”一词可能会联想到“手机”.尽管我们对某一对象具有相同的概念,但由于文化基础和受教育的背景,由于不同时间或不同的地点,产生联想结果就可能是千差万别的。这种联想方式实际上表明了信息的结构及其动态性。显然,这种互连的网状信息结构用普通的文本是无法管理的,必须采用一种比文本更高一层次的信息管理技术,即超文本(hypertext)。4.1.1超文本与超媒体的概念

人类的记忆是一种具有网状结构的联想式的记忆,具有跳跃式、多层次、多路径、多方位思维和访问信息的非线性结构。

超文本是一个类似于人类联想思维的一个非线性的网状结构,它以节点作为一个信息块,它采用一种非线性的网状结构组织信息,把文本按其内容固有的独立性和相关性划分成不同的基本信息块,并且可以按需要用一定的逻辑顺序来组织和管理信息。它提供联想、跳跃式的查询能力,极大地提高获得知识和信息的效率。4.1超文本和超媒体

在超文本数据库内部,节点之间用链(Link)连接起来形成网状结构,如图所示:

结点A结点F结点E结点D结点C结点B具有6个结点和9条链的超文本结构示意图以节点作为信息的单位。一个节点就可以是一个信息块,也可以是若干节点组成一个信息块。它可以是文本、图形、图像、动画、声音或它们的组合体。

超文本是由若干内部互连的文本块(或其他信息)组成,这些信息块可以是计算机的若干屏,也可以是若干窗口、文件或更小信息块。这样一个信息单元就称为一个节点(node)。不管节点有多大,每个节点都有若干指向其他节点或从其他节点指向该节点的指针,这些指针被称为链(link)。链有多种,它连接着两个节点,通常是有向的,从一个节点(称之为源节点)指向另一个节点(称之为目的节点)。链的数量通常不是事先固定的,它依赖于每个节点的内容和信息的原始结构。

这里要强调的不仅仅是“阅读”,而更重要的是用户可以主动地决定阅读节点的顺序。假如读者是从标记为A的文本块开始阅读,与单一路径的文本不同,该超文本结构有三条阅读路径摆在读者面前,即可到B、D或E。如果读者选择B,则可以继续选择到C或E,从E又可以到D。当然读者也可以从A选择直接到D。这个例子表明,在超文本结构中任意两节点之间可以有若干条不同的路径,读者可以自由的选择最终沿哪条路径阅读文本。

早期超文本系统的表现形式仅是文字的,这就是它被称为“TEXT”的原因。70年代产生的一个名词叫“电子图书”(electronicbook),在书中还有很多图片和图形,我们可以在计算机上联想式地阅读文件,它不仅保存了用纸做存储媒体的最好的特性,同时又加入了丰富的非线性链接,这就促使80年代产生了超媒体(hypermedia)技术。超媒体不仅可以包含文字,而且还可以包含声音、图形、图像、动画和视频片段,这些媒体之间也是用超级链接组织的,而且它们之间的链接也是错综复杂的。超文本概念的一个简单示意图超媒体:把多媒体信息引入超文本,这就产生了多媒体超文本,也即超媒体。即超文本中的接点数据不仅是文本,还可以是图形、图象、动画、音频,甚至计算机程序或他们的组合。超媒体系统:对超媒体进行管理使用的系统。超媒体具有如下的特点:多种媒体信息网络结构形式交互特性

4.2超文本系统1.超文本系统的特点:多种媒体信息:节点可含有文本、图形、图像、动画、声音和视频等,使传播的信息更易于接受和理解,从而达到更好的效果。

非线性的网状结构:把各种内容和形式的节点按在现实世界中的联系和人们的思维逻辑进行组织,成为一个有机的综合信息体。交互式信息浏览和查询:用户可跟随链的走向不断打开目的节点,也可以利用已知的字符串关键字对网络进行搜寻。具有良好的可扩充性:各个节点中的信息可以更新,也可将新节点加入到超文本结构中或删除已有的一些节点。

2.超文本的访问方式超文本是一种典型的数据库技术,是由节点和表达节点之间关系的链组成的网。每个节点都链接在其它节点上,用户对网进行浏览、查询和注释等操作。超文本是一种接口模型,它采用“控制按钮”的方式组织接口。这些“按钮”由作者设置在正文中,用户通过按钮访问下面的信息。“按钮”就是通常所说的连接节点之间的“链”,从这个角度看,超文本可以看作三个要素的组合:节点、链和网络。3.超媒体系统的基本特性体现在:

⑴超媒体的数据库是由“声、文、图”类节点或内容组合的节点组成的网络,内容具有多媒体化,网状的信息结构使它的信息表达接近现实世界。

⑵屏幕中的窗口和数据库中的节点具有对应关系。⑶超媒体的设计者可以很容易地按需要创建节点,删除节点,编辑节点等,同样也可生成链,完成链接,删除链接,改变链的属性等操作。⑷用户可对超媒体进行浏览和查询.5具备良好的扩充功能,接受不断更新的超媒体管理和查询技术。

4.3超文本与超媒体的示例

超文本与超媒体应用在很多领域,如在操作系统Windows中的“帮助”就使用了超文本的方式,还有许多的应用,又如:电子百科全书、教学应用的CAI以及旅游信息、软件工程、娱乐等都有着广泛的应用。假设有一位总经理,他自己有电子记事本,他的秘书根据他与外商谈判的材料按照超文本的结构形式组织好了有关材料供总经理使用。下面借助于下图来说明。示例一超文本系统的节点和网络结构4.4超文本与超媒体的应用随着多媒体技术的发展,超文本与超媒体技术,具有广阔的应用前景。超文本与超媒体组织和管理信息方式符合人们的“联想”思维习惯。适合于非线性的数据组织形式,以它独特的表现方式,得到了广泛的应用1.多媒体信息管理超媒体被许多人称为“天然”的多媒体信息管理技术,这是因为对多媒体信息来说,超媒体的方式更易于反映出媒体之间的联系和关系。在多媒体信息应用领域,超媒体技术可以应用于百科全书、词典等工具书中,也可以应用于各种专业的参考书、科技期刊中。利用超媒体技术,可以很容易地把浩如烟海的、分散在各处的各种书籍、图片等进行有效的组织,使得用户使用起来更加方便。现在已经开发出了许多这方面的产品,并且得到了广泛的欢迎。

2.个人学习、工作辅助与办公自动化超媒体技术在辅助个人学习方面非常有效。如果将学习的资料编成固定的形式,虽然可以协助个人的学习,但不能够适应每个人的特点和想法,超媒体化的学习资料可以给用户一个过程的选择,随着学习的过程,用户可以随时地要求解释和选择更恰当的学习路径。特别是对复杂的学习内容,超媒体系统不仅可以提供丰富的多媒体化的资料,并以联机求助的方式得到帮助,而且还可以用探索、参与的方式进行学习,大大地提高学习的效率。超媒体化的维修手册、超媒体化的技术文档、方针政策手册、年度的报告等可以提高工作效率。使用超媒体维修手册可以针对具体问题得到具体的答案,而不用逐页的查找有关数据和信息。现在几乎每一种计算机软件都配有超媒体方式的“求助”系统,特别是那些编程语言、工具等,这种求助系统发挥了巨大的作用,早期的那种靠大本手册的工作方式已经看不见了。

Apple公司的HyperCard软件展示了把HyperCard用于办公室的日常工作的一个方面,它以卡片的形式提供了形象的电话簿、备忘录、日历、价格表与文献摘要等,是应用多媒体管理技术的一个实例。超文本与超媒体应用于办公自动化中,改变了人们传统的工作方式和思维习惯,提供人们更为形象、直观的工作环境,极大地提高了工作的效益和效率。3.商业展示、产品广告和指南超媒体化的产品和广告、单位的形象介绍、展览会的展示、旅游和饭店的指南、机场和车站的查询机等都为用户提供了一种很好的展示方式。这些随处可见的、用户可以任意操作的超媒体工具,不仅有利于商业的效益提高,也大大方便了用户。4.娱乐(音乐、小说、电影)和休闲超媒体的神化故事、侦探小说、报纸和刊物、家庭菜谱、电子游戏等,为家庭休闲和娱乐开辟了新的途径。“交互式小说”和“交互式电影”,用超媒体组织素材,由读者和观众自己编辑,按自己的爱好和愿望去改变主人翁的命运和结局。5.大型文献资料信息库由超文本与超媒体技术独特优点,广泛应用于大型文献资料信息库的建设,目前已经研制出来的中英文字典系统,就是按照超文本与超媒体的方式组织和构造,它收录了25万条目,计4181万字,186万个记号,采用这种方式的存储的30卷百科全书,查询时间只需几秒钟。

6.综合数据库应用在各类工程应用中,要求用图纸、图形、文字、动画或视频表达概念和设计,一般数据库系统是无法表达的,而超文本与超媒体技术为这类工程提供了强有力的信息管理工具,不少系统已将它应用于联机文档的设计和软件项目的管理。7使用户界面更友好超文本与超媒体不仅是一项信息管理技术,也是一项界面技术。图形用户接口GUI使用户桌面由字符命令菜单方式转为图形菜单方式,而超文本技术在GUI基础上再上了一个新台阶,即多媒体用户口接口MMGUI,不仅数字和图形、图像、动画、音频、视频等信息均能展现在用户的面前。热字是文本中被指定具有特殊含义或需进一步解释的字、词或词组。示例三:热元热元是指这些相对独立的图像单位能够作为信息转移的链源。示例二:热字4.5超文本与超媒体系统的两个模型超文本和超媒体的系统结构较著名的是1988年Campbell和Goodman提出的HAM模型,另一个是从事超文本标准化研究Dexter小组提出的Dexter模型。这两个模型是基本相似的,它们都是将超文本和超媒体体系结构分为三个层次。1.HAM模型(用户接口层)超文本和超媒体的体系结构

4.5超文本与超媒体系统的两个模型

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

(1)数据库层

数据库层是三层模型的最低层,涉及所有传统的有关信息存储的问题。实际上这一层并不构成超文本系统的特殊性。但是它以庞大的数据库作为基础,而且在超文本系统中的信息量大,需要存储的信息量也就大。一般要用到磁盘、光盘等大容量存储器,或把信息存放在经过网络访问的远程服务器上,不管信息如何存放,必须要保证信息的快速存取。

(2)超文本抽象机层超文本抽象机层(HypertextAbstactMachine)简称HAM,是三层模型中的中间层,这一层决定了超文本系统节点和链的基本特点,记录了节点之间链的关系,并保存了有关节点和链的结构信息。在这一层中可以了解到每个相关联的属性。例如节点的“物主”属性,这一属性指明该节点由谁创建的,谁有修改权限、版本号或关键词等。(3)用户接口层(表现层)

表示层又称为用户接口层或用户界面层,也是构成超文本系统特殊性的重要表现,并直接影响着超文本系统的成功,可用于处理超文本抽象层中的信息表示,包括判断用户的有效命令,节点和链的显示方式,是否有总体图解及多媒体信息的表现组织等等。它应该具有简明、直观、生动、灵活、方便等特点。用户接口层是超文本和超媒体系统人-机交互的界面。用户接口层决定了信息的表现方式、交互操作方式以及导航方式等。

Dexter模型的目标是为开发分布信息之间的交互操作和信息共享提供一种标准或参考规范。如下图所示。2.Dexter模型(1)内部成员层——内部成员层描述超文本中成员的内容和结构,对应于各个媒体单个应用成员。(2)存储层——存储层是描述成员和链的网络。(3)运行层——运行层描述支持用户和超文本交互作用的机制,负责在运行时处理链、锚接口和成员。

4.3超文本系统结构模型Dexter模型

Dexter模型也分为三层:存储层、运行层和成员内部层,各层之间通过定义好接口互相连接。运行层表现规范存储层锚定机制成员内部层存储层

描述超文本中的结点成员之间的网状关系。每个成员都有一个唯一的标识符,称为UID。,存储层定义了访问函数,通过UID可以直接访问到该成员,还定义了由多个函数组成的操作集合,用于实时地对超文本系统进行访问和修改。

成员内部层

描述超文本中各个成员的内容和结构,对应于各个媒体单个应用成员。从结构上,成员可由简单结构和复杂结构。简单结构就是每个成员内部仅由同一种数据媒体构成,复杂结构的成员内部又由各个子成员构成。

运行层

描述支持用户和超文本交互作用的机制,它可直接访问和操作在存储层和成员层内部层定义的网状数据模型。运行层为用户提供友好的界面。

表现规范

介于存储层和运行层之间的接口称为表现规范,它规定了同一数据呈现给用户的不同表现性质,确定了各个成员在不同用户访问时表现的视图和操作权限等内容。

锚定机制

存储层和内部成员之间的接口称为锚定机制,其基本成分是锚(anchor),锚由两部分组成:锚号和锚值,完成存储层到成员内部层、成员内部层到存储层的检索定位过程。

锚号:每个锚的标识符,锚值:元素内部的位置和子结构。

3.超文本与超媒体的组成要素(1)节点超文本是由节点和链构成的信息网络。节点是表达信息的单位,是围绕一个特殊主题组织起来和数据集合。节点的内容可是文本、图形、图像、动画、音频、视频等,也可以是一般计算机程序。节点分为两种类型:一种称为表现型,记录各种媒体信息,表现型节点按其内容的不同又可分为许多类别,如文本节点和图文节点等;另一种称为组织型,用于组织并记录节点间的联结关系,它实际起索引目录的作用,是连结超文本网络结构的纽带,即组织节点的节点。节点的基本类型节点的基本类型归纳如下:⑴文本节点⑵图形节点⑶图像节点⑷音频节点⑸视频节点⑹混合媒体节点

⑺按钮节点⑻组织型节点⑼推理型节点节点是表达信息的基本单位,是围绕一个特殊主题组织信息的最基本单元。节点内容包含对媒体数据属性的描述和表现方法。常见的节点有文本节点,图像节点和图形节点,动画节点和视频节点,音频节点和按钮节点,统称为媒体节点。另外还有组织节点、推理型节点等。节点节点是表达信息的基本单位,可以是文本、图像、视频、音频、动画或一段计算机程序等各种媒体信息以及它们的组合,其内容还包括对媒体数据属性的描述和表现方法。节点可以按不同方式分类

(1)按照表现形式可分为两类:基于框架和基于窗口。

(2)按照结构可分为原子节点、复合节点和包含节点。

(3)按照状态可分为静态节点和动态节点。

(4)按照用途可分为操作型、组织型和推理型三类节点。链链,又称超链(HyperLink),是超媒体的组成部分。它将节点链接在一起,描述节点之间的关系。链具有方向性,由三个部分组成:链源、链宿以及链的属性。一个链的起端称为链源,表现为一个节点中的“点”或“域”,通过它可以访问另一节点,是导致节点信息迁移的原因。链宿是链的目的,一般指节点,也可以是其他媒体对象。链的属性决定链的类型,这是链的主要特性,另外还有一般属性,如链的类型、版本和权限等。当链的属性很强时,链可以作为独立的实体,如类型链等。链还可以分为显形链和隐形链,基本结构链和索引链属于显形链。链根据超链的特点及功能,链可以分为基本结构链、组织链和推理链三大类型。 (1)基本结构链:是一种由超媒体系统作者事先说明的,具有固定明确特点的实链。基本结构链又可以分为基本链、交叉索引链和节点内注释链三种类型。 (2)组织链和推理链 组织链和推理链可以分为索引链、蕴含链和执行链。基本结构链 基本链用来建立节点之间基本顺序的链,它使信息在总体上呈现出层次结构。基本链的链源和链宿都是节点,它决定节点的固定顺序。基本链又可以分为:顺序链、结构链、查询链、移动链、缩放链、全景链和视图链。顺序链是将超文本或者超媒体节点按最基本的先后顺序排成一个队列。各节点之间呈现出线性结构。基本结构链交叉索引链将节点连结成交叉的网状结构组织链和推理链组织链和推理链可以分为索引链、蕴含链和执行链。索引链将用户从一个索引节点引到该节点相应的索引入口。索引用于与数据库的接口及查找共享同一索引项的文献。蕴含链用于连接推理树中的事实。执行链是一种将执行活动与按钮节点相连的特殊节点。推理链是一种虚链或称之为动态链。超文本信息网络是由节点和链构成的一个有向信息网络,这种信息网络类似于人工智能中的语义网络,语义网是一种知识表示方法,其中节点表示概念,而节点之间的弧表示两个概念之间的关系。超媒体中的网络结构不仅仅提供了知识、信息,同时还包含对知识信息的分析和推理。如果网络中节点内不仅有文本,而且还包含有图形、动画、声音及它们的组合等多种信息,即为超媒体网络。热标热标是超媒体中特有的元素,它确定相关信息的链源,通过它可以引起相关内容的转移。热标可分为热字、热区、热元、热点和热属性五类热字 热字往往存在于文本当中,把需要进一步解释和含有特殊含义的字、词或词组做成带下划线和特别颜色,与其他内容区别开来,而各保留字和转移目的却不显示出来,读者通过点击这些热字可得到进一步的解释和说明。据了解,目前广东铁青已率先推出了前往包头,途经呼和浩特的火车旅游路线――“内蒙响沙湾、山西太原、平遥古城、云岗石窟、五台山空调双卧9天”,热标热区 热区是在图像等静态视觉媒体节点中某一感兴趣的区域,作为触发转移的源点。通常使鼠标标志在进入热区时变形为一种多边形,用户便知道可以转移到另一幅能够更详尽地描述当前图像部位的新图片。下图所示就是网页中一幅由分为多个热区的地图,对于不同的省份,对应的地方就是一个热区,当单击某个热区时,就会打开对应省份的详细信息的目标节点。热标

热元 主要用于图形节点。由于图形的最基本单位是图元(如一个图、一条线、一个圆等),当图形在超媒体页面中移动时,图元跟着移动。如果为了在另一幅图形中详细描述本图形的某一部分,便可用热元的形式与转换的目标图形相链接。热元在CAD工程设计中的建筑图注释、机器设备联机维护手册等方面有广泛的用途。热标

下图则是网页上利用图像作为一组热元的示例,单击某一个图片就可以打开相应的目标节点窗口。热标

热点 热点是对于具有时间特性的媒体节点而言的,如动画、视频、声音节点,如果用户对其中某一段时间内的信息感兴趣,就记录下这段时间的起止,把这一段(或几帧)信息称为热点。比如有一段视频影像介绍黄山上的四季美景。用户想要了解仲秋时节景象,可在时间轴上设定一个[b,a,c]的敏感区间,其中a为仲秋时节,b、a、c按时间顺序排列。那么,用户触发了[b,a,c]区间内任一点都有效,都可以调出仲秋附近季节黄山的景色热标

热属性 热属性是将关系数据库中的属性作为热标来使用。由于数据媒体是一种特定的格式化符号数据,故可把热标定为一个属性,用特定的保留属性字方法指明热标触发后表现的内容。如用IMAGE属性表示后继各元组中该属性字符为图像对象名。属性中的元组有多个,每个元组又对应不同的内容,所以在把属性当作热标时,要对每一个元组都指明不同的链。

带热字的文本

4.4网页中超文本的实现

4.4.1WWW技术的基本概念1.WWW的工作方式发出请求发回网页WWW中的超文本和超媒体

Internet已经有20多年的历史了,近几年出现了Internet热,这主要应归功于Web。Internet提供了世界范围内网络互连和通信功能,Web则是一个环球信息资源库。

我们知道超媒体系统建立的链接关系是文本、声音、图形、图像、动画和视频片段之间的链接关系。当我们使用Web浏览器浏览因特网时,在显示屏幕上看到的页面称为网页(WebPage),它是Web站点上的文档。而进入该站点时在屏幕上显示的第一个综合界面称为起始页(homepage)或者称为主页,它有一点像一本书的封面或书上的目录表。Web由无数的页面(homepage)组成,页面上的信息包罗万象,而且时时在增加,天天在更新。

WWW(WorldWideWeb)是信息发现技术和超媒体技术的综合,它以基于客户/服务器的工作方式,通过超文本文献,把全世界Internet上不同地点的相关信息有机地结合了起来,并提供了联想式导航浏览手段。在WWW上,丰富的超文本文献集合被放在各个WWW服务器上。WWW的服务器将信息组织成为分布式的超文本,这些信息的节点为文本、图像、子目录或信息指针。

而WWW的客户程序成为浏览器,运行在客户机上,利用超文本传输协议向服务器发出请求,访问服务器上的超文本和超媒体信息,并在客户端上以多媒体的形式表现出来。支持WWW客户/服务器的协议主要有两个:超文本传输协议(HyperTextTransferProtocol,HTTP)。它为客户/服务器通信提供了联络方式及信息传送格式。超文本标记语言(HyperTextMarkupLanguage,HTML)。它是一种用户与程序都能理解的语言,它是为文献提供表现界面与超文本链接的标记语言。

超文本传输协议HTTP最初只是一个面向对象的应用级协议,并非专用于超文本/超媒体的传输,但其精巧快速,特别是通用、无状态性以及面向对象的特点,使之非常适合于分布式协作化的超文本/超媒体系统,因此取名为超文本传输协议。SGMLHTMLXMLVRML

4.4.2超文本标记语言

的常用术语

1)URL(统一资源定位符)

2)网页

3)网站

4)主页(首页)

在我们认识HTTP之前,有必要先弄清楚URL的组成,例如:http:///china/index.html。它的含义如下:

1.http://:代表超文本传输协议,通知服务器显示Web页,通常不用输入;

2.www:代表一个Web(万维网)服务器;

3./:这是装有网页的服务器的域名,或站点服务器的名称;

4.China/:为该服务器上的子目录,就好像我们的文件夹;

5.Index.html:index.html是文件夹中的一个HTML文件(网页)。既然我们明白了URL的构成,那么HTTP是怎么工作呢?我们接下来就要讨论这个问题。

一次HTTP操作称为一个事务,其工作过程可分为四步:

首先客户机与服务器需要建立连接。只要单击某个超级链接,HTTP的工作就开始了。

建立连接后,客户机发送一个请求给服务器,请求方式的格式为:统一资源标识符(URL)、协议版本号,后边是MIME信息包括请求修饰符、客户机信息和可能的内容。

服务器接到请求后,给予相应的响应信息,其格式为一个状态行,包括信息的协议版本号、一个成功或错误的代码,后边是MIME信息包括服务器信息、实体信息和可能的内容。

客户端接收服务器所返回的信息通过浏览器显示在用户的显示屏上,然后客户机与服务器断开连接。

如果在以上过程中的某一步出现错误,那么产生错误的信息将返回到客户端,有显示屏输出。对于用户来说,这些过程是由HTTP自己完成的,用户只要用鼠标点击,等待信息显示就可以了。

许多HTTP通讯是由一个用户代理初始化的并且包括一个申请在源服务器上资源的请求。最简单的情况可能是在用户代理和服务器之间通过一个单独的连接来完成。在Internet上,HTTP通讯通常发生在TCP/IP连接之上。缺省端口是TCP80,但其它的端口也是可用的。但这并不预示着HTTP协议在Internet或其它网络的其它协议之上才能完成。HTTP只预示着一个可靠的传输。

这个过程就好像我们打电话订货一样,我们可以打电话给商家,告诉他我们需要什么规格的商品,然后商家再告诉我们什么商品有货,什么商品缺货。这些,我们是通过电话线用电话联系(HTTP是通过TCP/IP),当然我们也可以通过传真,只要商家那边也有传真

基于HTTP协议的客户/服务器模式的信息交换过程,它分四个过程:建立连接、发送请求信息、发送响应信息、关闭连接。HTTP的含义及其作用

HTTP是超文本传输协议,是客户端浏览器或其他程序与Web服务器之间的应用层通信协议。在Internet上的Web服务器上存放的都是超文本信息,客户机需要通过HTTP协议传输所要访问的超文本信息。HTTP包含命令和传输信息,不仅可用于Web访问,也可以用于其他因特网/内联网应用系统之间的通信,从而实现各类应用资源超媒体访问的集成。SGML

标准通用标记语言(StandardGeneralizedMarkupLanguage,SGML)是1986年出版发布的一个信息管理方面的国际标准,标准号是ISO8879。该标准定义独立于平台和应用的文本文档的格式、索引和链接信息,为用户提供一种类似于语法的机制,用来定义文档的结构和指示文档结构的标签(tag)。

SGML规定了在文档中嵌入描述标记的标准格式,指定了描述文档结构的标准方法。也就是说,可以使用SGML为创作的每一种类型的文档设置层次结构模型,可以用篇、章、节、标题等描述标记来标识文档结构中的文档元素。SGML是一个包含超文本链接(hypertextlinks)的综合语言,在Web上使用的HTML格式是使用固定标签集的一种SGML文档。

SGML的主要特点是:它不仅可以支持无数的文档结构类型,如布告、技术手册、章节、目录、设计规范、各种报告、信函和备忘录等,还可以创建与特定的软硬件无关的文档,方便不同计算机系统的用户交换文档。

HTML

超文本标记语言(HyperTextMarkupLanguage,HTML)是一种用来创作万维网页面的描述语言。是表示网页的一种规范,HTML使用HTML标签来定义文档的格式、组成和链接关系,如字形、字体、表单、标题和统一资源地址(UniformResourceLocator,URL)等。HTML是从SGML导出的语言,是SGML的一个子集。使用HTML创作的文档是一套固定标签的SGML文档。超文本标记语言

HTML(HypertextMarkupLanguage)称为超文本标记语言,是用来编写网页的一种语言,其是构成网页的主要元素。

HTML不是编程语言,而是标记语言。其没有编程语言条件判断和循环控制结构,有的只是许许多多的标记符。

HTML通过在网页中添加标记符,来告诉浏览器如何显示所标记的内容,即标记符的作用是确定所标记内容的显示格式和方式。

HTML是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX、WINDOWS等)。通过标记符定义了网页内容的显示。例如:用<table>标记符在网页上定义一个表格。HTML文档(即网页的源文件)是一个放置了标记的ASCII文本文件,通常它带有.html或.htm的文件扩展名。

超文本标记语言

1.超文本标记语言HTML 1.HTML基本语法

2.HTML特点

3.HTML的应用

2.XML 1.概述

2.XML的基本组成HTML标记语句

HTML语句由标记符和被标记的内容组成。<标记符>受标记影响的内容</标记符>

起始标记符结束标记符

HTML中标记语句的一般格式为:HTML标记语句

<标记符>受标记影响的内容</标记符>

例1:

<U>山西大同大学</U>其作用是在“山西大同大学”下面加下划线。HTML标记语句

<标记符>受标记影响的内容</标记符>

例2:

<B>山西大同大学</B>其作用是将“山西大同大学”加粗显示。HTML标记语句

<标记符>受标记影响的内容</标记符>

例3:

<U><B>山西大同大学</B></U>其作用是将“山西大同大学”加粗并加下划线。标记符可以嵌套使用,如:HTML标记语句

<标记符>受标记影响的内容</标记符>

<标记符属性名1=属性值1…>受标记影响内容</标记符>如果需要进一步控制被标记内容的显示方式,还可以为标记符指定属性。其格式如下:

例4:

<fontsize=6>山西大同大学</font>

HTML文档的基本结构

<html><head><title>

这里是网页的标题,显示在浏览器的标题栏中

</title></head><body>

这里是网页的正文,可以包含文本、图片、超链接、

各种格式描述、客户端和服务端的脚本代码等。

</body></html>头部正文常用的HTML标记

该标记用于定义网页的标题,<title>与</title>之间的内容将显示在浏览器的标题栏中。<html><head><title>HTML超文本标记语言</title></head><body>……</body></html>1.网页的头部标记<title>……</title>

常用的HTML标记

2.网页的主体标记

<body>用于标记网页的主体部分。在<body>和</body>之间包含网页中可以显示出来的各对象的标记语句。

<body>标记包含如下属性:bgcolor:设置背景颜色。background:设置背景图片。text:设置网页中文本的颜色。link:设置普通超链接颜色。vlink:设置访问过链接颜色。alink:设置活动超链接颜色。常用的HTML标记

2.网页的主体标记如:<bodybackground=“beijing.jpg”>格式:background=“图片文件的文件名”

其中:图片的文件名要加上必要的路径;并且要用英文单角的双引号括起来。常用的HTML标记

2.网页的主体标记如:<bodybgcolor=red>常用的HTML标记

2.网页的主体标记如:<bodybgcolor=red>颜色值有两种表示方法:用“#”引导的一个六位十六进制数代码(分别代表红、绿、蓝分量)表示;用英文颜色名表示常用的HTML标记

2.网页的主体标记常用的HTML标记

3.HTML文本标记字体格式标记

<font>标记用来设置字体格式,包括字体、大小和颜色,其一般格式为:<fontsize=数字face=字体名color=颜色>被设置的文字

</font>

face属性用来设置字体,这里的“字体名”就是在Word的“常用”工具栏的“字体”列表框中显示的字体名。常用的HTML标记

3.HTML文本标记字体格式标记

<font>标记用来设置字体格式,包括字体、大小和颜色,其一般格式为:<fontsize=数字face=字体名color=颜色>被设置的文字</font>如:<fontsize=4face=“隶书”color=yellow>政法学院</font>常用的HTML标记

3.HTML文本标记标题标记

标题是一段有加强效果的文字,标题标记的格式为:<Hnalign=对齐方式>标题文字</Hn>

其中n代表标题的级别,用来指定标题文字的大小,可以取1~6之间的整数值,取1时文字最大,取6时文字最小。标题文字自动加粗。

属性align用来设置标题在页面中的对齐方式,取值有:left(左对齐)、center(居中)和right(右对齐)。常用的HTML标记

3.HTML文本标记标题标记

标题是一段有加强效果的文字,标题标记的格式为:<Hnalign=对齐方式>标题文字</Hn>如:<h1align=center>计算机系</h1>常用的HTML标记

4.段落标记换行标记

使用<br>标记实现换行,该标记前后的文字成为两行,但两行仍为一段。如:山西大同大学<br>计算机系常用的HTML标记

4.段落标记分段标记

使用<p>标记实现分段,<p>和</p>之间为一段,其一般格式为:<palign=对齐方式>段中文字</p>

属性align用来设置段落在页面中的对齐方式,取值有:left(左对齐)、center(居中)和right(右对齐)。常用的HTML标记

4.段落标记分段标记

使用<p>标记实现分段,<p>和</p>之间为一段,其一般格式为:如:<palign=center>山西大同大学<palign=left>计算机系</p><palign=对齐方式>段中文字</p>常用的HTML标记

5.图像标记网页中图片的显示使用<img>标记,其格式如下:<img

src=文件名alt=说明width=xheight=yborder=nhspace=hvspace=valign=对齐方式>src:设置要显示图片的文件名。alt:设置当鼠标指向图片时的替代文字。Width、Height

:设置图片的宽度、高度。Border:设置边框的粗细。Hspace、vspace:设置图片水平、上下的空白。Align:设置图片相对于周围文字的对齐方式。常用的HTML标记

5.图像标记网页中图片的显示使用<img>标记,其格式如下:<img

src=文件名alt=说明width=xheight=yborder=nhspace=hvspace=valign=对齐方式>如:<img

src=“tup1.jpg”>常用的HTML标记

5.图像标记网页中图片的显示使用<img>标记,其格式如下:<img

src=文件名alt=说明width=xheight=yborder=nhspace=hvspace=valign=对齐方式>如:<img

src=“tup1.jpg”alt=“图书”align=left>常用的HTML标记

5.图像标记网页中图片的显示使用<img>标记,其格式如下:<img

src=文件名alt=说明width=xheight=yborder=nhspace=hvspace=valign=对齐方式>图片相对于文字的对齐方式Align的取值如下:Left:图片位于文字的左面;Right:图片位于文字的右面;Top;图片的顶端与文字对齐;Middle:图片的中央与文字对齐;Bottom图片的端与文字对齐常用的HTML标记

5.超链接标记网页中的超链接使用<A>标记,其格式如下:<Ahref=“URL”

target=打开窗口方式>超链接源</A>href:指出要链接到的网页的URL地址。target:指出打开链接到网页的方式,其取值如下:

_blank:在新窗口显示链接到的网页的内容;

_self:在原有窗口显示链接到的网页的内容。常用的HTML标记

5.超链接标记网页中的超链接使用<A>标记,其格式如下:<Ahref=“URL”

target=打开窗口方式>超链接源</A>超链接源可以是文字,也可以是图片常用的HTML标记

5.超链接标记网页中的超链接使用<A>标记,其格式如下:<Ahref=“URL”

target=打开窗口方式>超链接源</A>如:<Ahref=“http://”target=“_blank”>河北政法职业学院</A><Ahref=“”><img

src=“tup2.jpg”></A>常用的HTML标记

6.表格标记

表格的标记为<table>…</table>,行的标记为<tr>…</tr>,表项(列)的标记为<td>…</td>、表头的标记为<th>…</th>。表格标记的一般格式:<tablealign=left|center|rightborder=nwidth=x|x%height=y|y%><tr><th>表头1<th>表头2…<th>表头n<tr><td>表项1<td>表项2…<td>表项n……<tr><td>表项1<td>表项2…<td>表项n</table>

其中,<table>…</table>标记则必须成对使用,</tr>、</td>、</th>可以省去。常用的HTML标记

6.表格标记

表格的标记为<table>…</table>,行的标记为<tr>…</tr>,表项(列)的标记为<td>…</td>、表头的标记为<th>…</th>。表格标记的一般格式:<tablealign=left|center|rightborder=nwidth=x|x%height=y|y%><tr><th>表头1<th>表头2…<th>表头n<tr><td>表项1<td>表项2…<td>表项n……<tr><td>表项1<td>表项2…<td>表项n</table>

<th>和<td>都是标记列的,<th>标记的文字按粗体显示,属于“表头”,<td>标记的文字按正常字体显示,属于表项。常用的HTML标记

6.表格标记如:<tablealign=centerborder=1width=300><tr><th>序号</th><th>姓名</th><th>成绩</th></tr><tr><td>1</td><td>张三</td><td>80</td></tr><tr><td>2</td><td>李四</td><td>90</td></tr></table>常用的HTML标记

6.表格标记如:<tablealign=centerborder=1width=300cellspacing=5><tr><th>序号</th><th>姓名</th><th>成绩</th></tr><tr><td>1</td><td>张三</td><td>80</td></tr><tr><td>2</td><td>李四</td><td>90</td></tr></table><table>标记可以添加cellspacing和cellpading属性,设置单元格的间距和边距。常用的HTML标记

6.表格标记如:<tablealign=centerborder=1width=300cellspacing=5bordercolor=“red”><tr><th>序号</th><th>姓名</th><th>成绩</th></tr><tr><td>1</td><td>张三</td><td>80</td></tr><tr><td>2</td><td>李四</td><td>90</td></tr></table><table>标记可以添加bordercolor属性,设置表格边框线的颜色。常用的HTML标记

6.表格标记如:<tablealign=centerborder=1width=300cellspacing=5bordercolor=“red”background=“back.jpg”><tr

bgcolor=“yellow”><th>序号</th><th>姓名</th><th>成绩</th></tr><tr><td>1</td><td>张三</td><td>80</td></tr><tr><td>2</td><tdbgcolor=“red”>李四</td><td>90</td></tr></table><table>、<tr>、<td>标记可以添加bgcolor属性和background属性,设置表格、行或单元格的背景颜色和背景图片。常用的HTML标记

6.表格标记如:<tablealign=centerborder=1width=300cellspacing=5bordercolor=“red”background=“back.jpg”><tr

bgcolor=“yellow”><th>序号</th><th>姓名</th><th>成绩</th></tr><tralign=center><td>1</td><td>张三</td><td>80</td></tr><tr><tdalign=center>2</td><tdbgcolor=“red”>李四</td><td>90</td></tr></table><tr>标记可以添加align属性,设置该行的所有单元格中内容的对齐方式。<td>标记可以添加align属性,设置该单元格中内容的对齐方式。align属性的取值:left、center、right。常用的HTML标记

6.表格标记

<table>…</table>标记中的第一行可以使用<caption>…</caption>标记为表格加标题,该标记的一般格式如下:<captionalign=*valign=*>标题</caption>Left|center|righttop|bottom标题位于表格上面标题位于表格下面常用的HTML标记

6.表格标记

<table>…</table>标记中的第一行可以使用<caption>…</caption>标记为表格加标题,该标记的一般格式如下:<captionalign=*valign=*>标题</caption>Left|center|righttop|bottom标题位于表格上面标题位于表格下面常用的HTML标记

6.表格标记

可以使用<td>、<th>标记的rowspan属性来制作跨多行的单元格(合并一列的多个单元格)。格式如下:<tdrowspan=n>表项</td>或<th

rowspan=n>表头</th>

其中,n表示合并的行数。<tablealign=centerborder=1><tr><tdrowspan=2>1</td><td>2</td><tr><td>3</td></table>常用的HTML标记

6.表格标记

可以使用<td>、<th>标记的colspan属性来制作跨多列的单元格(合并一行的多个单元格)。格式如下:<tdcolspan=n>表项</td>或<th

colspan=n>表头</th>

其中,n表示合并的行数。<tablealign=centerborder=1><tr><td>1</td><td>2</td><tr><tdcolspan=2>3</td></table>XML概述

XML是一种可扩展的标记语言(ExtensibleMarkupLanguage),虽然也是用标记表示数据,但是它的标记说明了数据的含义,而不是如何显示。XML本身不是一个单一的标记语言,它是一种元语,可以被用来定义一种新的标记语言。HTML是用来定义某一类文件便于显示的格式,而XML是用来创造类别文件的格式定义,也就是在XML中可以创造出很多不同的标记语言,用来定义不同的文件类别。XML特点(1)XML是文本化的小型数据库表达语言,可以对其进行装入/保持、插入/删除/修改、选择等操作。甚至可以把XML应用作为一个中间层的虚拟数据库。(2)XML是客户端计算机的数据结构载体。通过与JavaScript/DHTML结合使用,可实现客户端小型信息过滤、查询、计算与通信的应用。(3)XML是信息的高层封装与传输标准。它是不同应用系统之间的数据标准接口和所有信息的中间层表示,是中间层应用服务器的通用数据接口。可用于数据仓库的数据迁移、数据库报告的格式之中。XML概述(4)XML是HTML的高层扩展。HTML面向文本、信息发布,HTML容许混乱;XML面向数据、数据处理,要求格式良好、合法。用户可用XML创建自己的HTML。(5)XML是面向对象的标记语言,它具有接口/类机制、对象实例,可以定义对象的实现或方法,并且可以解决类的继承问题。XML中的资源、寻址以及物理实体构成了信息组件。XML中的资源描述框架是信息导航、浏览、搜索的用户接口标准。(6)XML是一种不同数据结构体的文本描述语言。它可以描述线性表、树、图形,也能描述文件化的外部数据结构。还可以制造类似于XML的编译器,使文本与二进制文件之间相互转换。XML的基本组成

XML包含三个要素: 文档类型声明DTD(DocumentTypeDefinition)或者XMLSchema

可扩展样式语言XSL(eXtensible

StylesheetLanguage)

可扩展链接语言Xlink(eXtensibleLinkLanguage)。XML的基本组成DTD和XMLSchema a.元素类型声明

b.属性表声明

c.实体声明

d.符号声明

e.XML大纲XML的基本组成(2)扩展样式语言XSL

扩展样式语言XSL用一种标准方式对XML文档进行格式化。制定XSL应当遵循三个原则:XSL应当能够直接应用到Internet上,XSL样式表应当清晰、易读,并且容易创建。XSL本身还在发展之中。(3)XML链接语言XLink(或XLL) XML的链接语言开始时称为Xlink,后来改为XML-Link,最近W3C工组又决定称为XLL。它是一个正在开发之中的标准,目标是要能够具有双向链接功能、能够过滤(或隐藏某些)数据的表现样式、提供持久的含有语义的链接、汇集动态文档、可以从用户不能编辑的文本创建链接以及可以发布动态更新或软件补丁、支持网络上的批注功能等

XML

可扩展标记语言(ExtensibleMarkupLanguage,XML)是一种新型的标记语言。它同HTML一样,都来自标准通用标记语言(StandardGeneralizedMarkupLanguage,SGML)。早在Web未发明之前,SGML就早已存在。正如它的名称所言,SGML是一种用标记来描述文档资料的通用语言,它包含了一系列的文档类型定义(简称DTD),DTD中定义了标记的含义,因而SGML的语法是可以扩展的。

XML是一个精简的SGML,它将SGML的丰富功能与HTML的易用性结合到Web的应用中。XML保留了SGML的可扩展功能,这使XML从根本上有别于HTML。XML要比HTML强大得多,它不再是固定的标记,而是允许定义数量不限的标记来描述文档中的资料,允许嵌套的信息结构。HTML只是Web显示数据的通用方法,而XML提供了一个直接处理Web数据的通用方法。HTML着重描述Web页面的显示格式,而XML着重描述的是Web页面的内容。

Web的应用将随着XML的使用而更精彩,总的说来的XML的应用可分为四类:用于客户需要与不同的数据源进行交互时。应用于将大量运算负荷分布在客户端,即客户可根据自己的需求选择和制作不同的应用程序以处理数据,而服务器只须发出同一个XML文件。应用于将同一数据以不同的面貌展现给不同的用户。这一应用也可在上例中体现出来。应用于网络代理对所取得的信息进行编辑、增减以适应个人用户的需要。4.5动态网页生成技术

目前最常用的动态网页技术主要有

ASP(activeserverpages),PHP(personalhypertextprepmcessor),JSP(Javaserverpages)。它们都是应用于服务器端的技术,以便于快速开发基于Web的应用程序。

1.ASPASP内含于IIS(MicrosoftInternetinformationserver)当中,提供一个服务器端的脚本运行环境。

·

Web服务器会自动将ASP的程序码解释为标准HTML格式的主页内容,在用户端的浏览器上显示出来。

·

用户端使用可执行HTML码的浏览器,即可浏览。

·ASP无需编译即可解释执行。可以通过ActiveX服务器来扩充功能,ActiveX服务器组件可使用VB,Java,C++,COBOL等语言来实现。

·

它还可以通过插入方式,使用由第三方提供的其他脚本语言,例如Perl语言。它的源程序不会下载到用户浏览器,可以保护源程序。下载到用户浏览器的是ASP执行结果的HTML码。

·ASP只能运行于微软的服务器产品上,其功能有限,

必须通过ASP+COM的组合来扩充。在UNIX通过插件可以支持ASP,但是UNIX下的COM实现十分困难。2.PHP

PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C、Java、和Perl语言的语法,并结合PHP自己的特性,使Web开发者能够快速地写出动态生成页面。

·PHP可以支持具有与许多数据库相连接的函数。但是PHP提供的数据库接口不统一。这是PHP的一大弱点。3.JSPJSP

是SUN公司推出的新一代Web站点开发语言,借助于Java强大的跨平台特性,它具备SUN所推行一次编写处处运行(writeonce,runeverywhere)"的特点。它完全克服了目前ASP、PHP的脚本级执行的缺点。

JSP特点:

·JSP

可以在Servlet

和JavaBeans/EJB/CORBA/JNDI等的支持下,构建功能强大的网络应用平台。

·

JSP的最大特点是将内容的生成和显示进行分离。使用JSP技术,Web页面开发人员可以使用HTML或者XML标记来设计和格式化最终页面。

·

使用JSP标记或者JSP脚本来生成页面上的动态内容。生成内容的逻辑被封装在JSP标记和JavaBean

组件中,并且捆绑在JSP脚本中,所有脚本在服务器端运行。如果核心逻辑被封装在标记和Beans中,那么其他人,如Web管理人员和界面设计者能够编辑和使用JSP页面,而不影响内容的生成。

·

在服务器端,JSP引擎解释JSP标记和JSP脚本,生成所请求的内容,并且将结果以HTML或者XML页面形式发送给浏览器。JSP可以运行于几乎所有的平台。

总体来说,JSP应该是未来发展的趋势。网页设计工具

编辑HTML文件使用一般的纯文本编辑器就可以胜任,如记事本、写字板等。随着网页制作技术的不断发展,出现了诸如FrontPage、Dreamweaver等可视化的网页编辑工具。

frontpage,dreamwraver1.FrontPageFrontPage是由Microsoft公司推出的Web页面制作工具软件。FrontPage使网页制作者能够更加方便、快捷地创建和发布网页,具有直观的网页制作和管理方法,简化了大量工作。FrontPage界面与Word、PowerPoint等软件的界面极为相似,易学易用,为使用者带来了极大的方便。此外,FrontPage还自带一个

Web服务器,使用户在没有安装

Web服务器软件的计算机上也能通过浏览器测试网页。

2.DreamweaverDreamweaver是由Macromedia公司推出的一款网页制作软件,它具有可视化编辑界面,用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页。Dreamweaver的网页动态效果与网页排版功能比一般的软件都好用,它可以满足多层次的需求,是功能强大的可视化、专业级网页设计及制作工具。所以它是网页设计者的首选工具。

动态网页技术

所谓动态网页是指按照访问者的不同需要,对访问者输入的信息做出不同的响应,提供响应的信息。动态网页生成的原理1.CGI技术CGI(CommonGatewayInterface)即公用网关接口。用来实现CGI应用程序的编程语言有很多种,如VisualBasic、Delphi或C/C++、Perl等。当用户在浏览器端填好表单要求输入的资料,提出HTTP请求后,Web服务器端执行该表单所设定的CGI应用程序,处理访问者输入的信息并据此做出响应,将其运行结果传输到客户端的浏览器上。由于CGI程序不是整合在HTML文档中,因此须使用与HTML不同的设计过程来设计一个应用程序,每一次修改程序都必须重新将CGI程序编译成可执行文件。使用CGI方式的缺点是效率低下。

2.ASP技术

ASP是ActiveServerPages的简称,是微软公司推出的Web应用程序开发技术。使用ASP可以建立动态的、交互的、高效的Web服务器应用程序。ASP允许用服务器端脚本来扩展HTML,利用VBScript、JavaScript或其他第三方脚本语言编程,实现过去需要编写复杂的CGI程序才能实现的动态网页。如果去掉这些包含实现动态功能的VBScript或JavaScript语句,它和标准的HTML文件没有任何区别。ASP的主要工作环境是微软的IIS应用程序结构,因ActiveX对象具有平台特性,所以ASP技术不能很容易地实现在跨平台的Web服务器的工作。

ASP工作原理3.JSP技术

JSP(JavaServerPages)是由SunMicrosystem公司推出的,基于JavaServlet以及整个Java体系的Web开发技术。利用这一技术可以建立先进、安全和跨平台的动态网站。总的来讲,JavaSeverPages(JSP)和微软的ActiveSeverPages(ASP)在技术方面有许多相似之处。两者都是为基于Web应用实现动态交互网页制作提供的技术环境支持。同等程度上来讲,两者都能够为程序开发人员提供实现应用程序的编制与自带组件设计,而且两者都能够替代CGI使网站建设与发展变得较为简单、快捷,不过两者是来源于不同的技术规范组织。

本章要点

1.超文本和超媒体的基本概念、主要特性和体系结构以及超文本和超媒体组成要素。2.超文本和超媒体的应用及研究的问题。3.网页中超文本的实现。1.HTML标记

标签:用’<‘和’>’括起来的句子,用来分割和标记文本的元素。(1)单标签只需单独使用就能完整地表达意思,这类标记的语法是:

<标签名称>(2)双标签“双标签”由“始标签”和“尾标签”两部分构成,而且必须成对使用,这类标记的语法是:

<标签>内容</标签>

(3)标签属性

大多数标签(包括单标记和双标记)的始标记内可以包含一些属性,其语法是:

<标签名字属性1属性2属性3…>

2.HTML文件结构

<HTML> html文件开始

<HEAD> 文件头开始

<TITLE> 网页主题开始网页主题文本

</TITLE> 网页主题结束

</HEAD> 文件头结束

<BODY> 文件体开始

文件体

(这里写正文)

</BODY> 文件体结束</HTML> html文件结束

<html><body><h1>我的第一个网页</h1><p>我的第一页,第一段.</p></body></html>例子解释<html>与</html>之间的文本描述网页<body>与</body>之间的文本是可见的页面内容<h1>与</h1>之间的文本被显示为标题<p>与</p>之间的文本被显示为段落。超文本标记语言HTMLHTML基本语法:控制命令用<>括起来。主要标记有:文件头。文件体。标题头(Heading)。文本块结构(BlockStructuringElement)。列表结构<ListElement>。锚元素<Anchor>。嵌入图像标记。表格标记<Table>。输入表标记。分割窗口标记。换行符。水平线。超文本标记语言HTML

HTML特点

(1)创建和实现独立于平台的文档

(2)与Internet上其他文档相连接

(3)WWW页面包括图形和多媒体

(4)能够链接Internet上的其他资源超文本标记语言HTML

HTML的应用 一个多媒体网页中可能包括背景、文本内容、表格、背景音乐、音乐链接、视频链接、嵌入的图像或图像链接等,表现力十分丰富。HTML用于对多媒体信息进行组织并以网

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论