超文本标注语言
超文本标记语言
HTML3.0规范是由当时刚成立的 W3C 于1995年3月提出，提供了很多新的特性，例如 表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的，但是实现这 个标准的工作在当时过于复杂，在草案于1995年9月过期时，标准开发也因为缺乏浏览器支 持而中止了。3.1版从未被正式提出，而下一个被提出的版本是开发代号为 Wilbur 的 HTML 3.2，去掉了大部分3.0中的新特性，但是加入了很多特定浏览器，例如 Netscape 和 Mosaic 的元素和属性。HTML 对数学公式的支持最后成为另外一个标准 MathML。
标签
描述
<head> <title> <base> <link> <meta> <script> <style>
定义了文档的信息 定义了文档的标题 定义了页面链接标签的默认链接地址 定义了一个文档和外部资源之间的关系 定义了 HTML 文档中的元数据 定义了客户端的脚本文件 定义了 HTML 文档的样式文件
主体内容
<body></body>；，网页中显示的实际内容均包含在这2个正文标记符之间。
超文本标记语言
正文标记符又称为实体标记。
5发展历史编辑
标记语言
超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草 案发布（并非标准）：
HTML 2.0——1995年11月作为 RFC 1866发布，在 RFC 2854于2000年6月发布之后被 宣布已经过时
HTML
7常见实体编辑
显示结果
< > & " ' ￠ ￡ ￥ ?
HTML的基本应用
HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。
超文本传输协议规定了浏览器在运行HTML 文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准.用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作WWW（是World Wide Web的缩写，也可简写WEB、中文叫做万维网)的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。
所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。
HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接HTML标记语言的特点：浏览器对HTML的语法要求不是特别严格，不区分大小写，属性值可以加双引号或不加，（这里的双引号是英文的而不是中文的双引号）。
可以用Dreamweaver、记事本或其他工具编写HTML源文档。
（简单方便）HTML文档构成网页的源代码。
浏览器读取*.htm或*.html文件中的标记，并根据这些标记来显示页面。
1.HTML文档结构HTML文档主要由3部分组成。
（1）HTML部分。
HTML标签告诉浏览器这两个标签中间的内容是HTML文档。
<html>...</html>（2）头部。
这部分包含显示在网页导航栏中的标题和其他在网页中不显示的信息。
标题包含在<title>和</title>标签之间。
<head><title>...</title></head>（3）主体部分。
什么是超文本_超文本特点
什么是超文本_超文本特点导语：接触过电脑的人都多少听过超文本这个词语，那么什么是超文本?下面文章为小编精心整理，欢迎借鉴!什么是超文本_超文本特点超文本介绍超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
超文本更是一种用户介面范式，用以显示文本及与文本之间相关的内容。
现时超文本普遍以电子文档方式存在，其中的文字包含有可以链结到其他位置或者文档的连结，允许从当前阅读位置直接切换到超文本连结所指向的位置。
超文本的格式有很多，最常使用的是超文本标记语言及富文本格式。
我们日常浏览的网页上的链结都属于超文本。
超文本特点和普通文本相比，超文本文件中多了一些对文件内容的注释，这些注释表明了当前文字显示的位置、颜色等信息，更重要的是，在有些注释中包含了对用户计算机应做出何种反应的说明，这些注释的内容经过浏览器的翻译后就成了不同的操作。
为了使各种不同类型的WWW服务器都能正确地认识和执行，超文本文件要遵从一个严格的标准，这个标准就是超文本标识语言(HTML)。
我们也可以利用这种语言来编写超文本文件，在Internet上制作自己的WWW的主页。
超文本的基本特征就是可以超链接文档;可以指向其他位置，该位置可以在当前的文档中、局域网中的其他文档，也可以在因特网上的任何位置的文档中。
这些文档组成了一个杂乱的信息网。
目标文档通常与其来源有某些关联，并且丰富了来源;来源中的链接元素则将这种关系传递给浏览者。
超链接可以用于各种效果。
超链接可以用在目录和主题列表中。
浏览者可以在浏览器屏幕上单击鼠标或在键盘上按下按键，从而选择并自动跳转到文档中自己感兴趣的那个主题，或跳转到世界上某处完全不同的集合中的某个文档。
超链接还可以向浏览者指出有关文档中某个主题的更多信息。
例如，“如果您想了解更详细的信息，请参阅某某页面。
”。
作者可以使用超链接来减少重复信息。
例如，我们建议创作者在每个文档中都签署上自己的姓名。
这样就可以使用一个将名字和另一个包含地址、电话号码等信息的单独文档链接起来的超链接，而不必在每个文档中都包含完整的联系信息。
超文本标记语言(英文：HyperText Markup Language,HTML)
超文本标记语言（英文：HyperText Markup Language，HTML）超文本标记语言（英文：HyperText Markup Language，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
1982年由蒂姆·伯纳斯-李创建，由IETF用简化的SGML（标准通用标记语言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护。
1 基本介绍HTML（HyperText Markup Language），超文本标记语言，是一种专门用于创建Web超文本文档的编程语言，它能告诉Web浏览程序如何显示Web文档（即网页）的信息，如何链接各种信息。
使用HTML语言可以在其生成的文档中含有其它文档，或者含有图像、声音、视频等，从而形成超文本。
超文本文档本身并不真正含有其他的文档，它仅仅含有指向这些文档的指针，这些指针就是超链接。
HTML是用来制作网页的语言，网页中的每个元素都需要用HTML规定的专门标记来定义。
要让设计者在网络上发布的网页能够被世界各地的浏览者所阅读，需要一种规范化的发布语言。
在万维网(WWW)上，文档的发布语言是HTML。
标记语言是一种基于源代码解释的访问方式，它的源文件由一个纯文本文件组成，代码中由许多元素组成，而前台浏览器通过解释这些元素显示各种样式的文档。
换句话说，浏览器就是把纯文本的后台源文件以赋有样式定义的超文本文件方式显示出来。
HTML和网络是紧密相连的，HTML语言的发展和浏览器的支持是密不可分的，在20世纪90年代网络刚刚兴起时，多种浏览器同时流行于世界各地，它们支持HTML语言的标准也各不相同，这样限制了HTML标记语言本身的发展，逐渐，W3C网络标准化组织联手一些较为流行浏览器开发厂商一同定义HTML标准，并且力推浏览器解释语言和显示方法的统一。
标记语言
第四篇标记语言从用于文档和图书管理的鼻祖SGML，到描述网页的万维网基石HTML，再到集万千宠爱于一身的数据描述和交换标准XML，标记语言在当今的信息社会中起着举足轻重的作用。
标记语言的蓬勃发展，得益于超文本标记语言HTML的意外成功；而标记语言的无限未来，则有赖于可扩展标记语言XML的广泛应用。
本来只能显示文本信息的超文本标记语言HTML，由于图形与多媒体界面浏览器的引进和脚本语言的出现，发展成为可以包含各种多媒体信息的动态超媒体标记语言DHTML（这大大推动了万维网和因特网的普及与应用）。
现在网页变成了典型的多媒体数据的集成工具，万维网因此成为了多媒体技术的最主要应用之一。
可扩展标记语言XML的发布，使标记语言从一种主要是描述网页的简单工具，发展到可以描述各类数据、并能够进行各种数据交换的万能工具，从而成为了信息表示、存储、处理和交换的核心技术。
本篇首先给出超文本和超媒体的基本概念，然后讨论标记语言的功能与演化，重点介绍HTML、JavaScript和XML的基本内容。
通过对这些知识的学习，可以为网页编辑与自动生成、Web服务器编程和XML应用打下良好的基础。
本篇包含如下4章：●第15章超文本与标记语言●第16章HTML●第17章JavaScript●第18章XML入门第15章超文本与标记语言超文本（hypertext）又叫超媒体（hypermedia）是将各种信息节点链接在一起的一种网状逻辑结构。
标记语言（ML = Markup Language）又叫置标语言，是一套标识文档的内容、结构和格式的语法规则，源于出版印刷部门对文档格式的排版标注。
随着万维网（WWW = World Wide Web，又叫环球网，常简称为Web）的发展，超文本标记语言（HTML = HyperText Markup Language）得到广泛应用，其超文本功能可将多种媒体元素集成和链接在一起，是表达多媒体信息的有力工具。
教你轻松玩转html语言--传智播客
一、HTML语言简介HTML（Hyper Text Markup Language 超文本置标语言）是一种用来制作超文本文档的简单标记语言。
用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。
自1990年以来HTML就一直被用作World Wide Web上的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息，简单来说就是用来在浏览器中对文字、图片、flash动画等进行排版布局的一种格式语言。
HTML文档（即Homepage的源文件）是一个放置了标记的ASCII文本文件，通常它带有.html 或.htm的文件扩展名。
生成一个HTML文档主要有以下三种途径：1.手工直接编写（例如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具）。
2.通过某些格式转换工具将现有的其它格式文档（如WORD文档）转换成HTML文档。
3.由Web服务器（或称HTTP 服务器）一方实时动态地生成。
HTML语言是通过利用各种标记（tags）来标识文档的结构以及标识超链（Hyperlink）的信息。
虽然HTML语言描述了文档的结构格式，但并不能精确地定义文档信息必须如何显示和排列，而只是建议Web浏览器（如Mosiac，Netscape等）应该如何显示和排列这些信息，最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。
这就是为什么同一文档在不同的浏览器中展示的效果会不一样。
目前HTML语言的版本是2.0，它是基于SGML（Standard Generalized Markup Language，标准广义置标语言，是一套用来描述数字化文档的结构并管理其内容的复杂的规范）中的一个子集演变而来的。
虽然下一版本的标准HTML3.0（也称为HTML+）正在制订之中，但其中某些部分的实验性标准草案已被广泛采用，大多优秀的Web浏览器（如Netscape等）都能解释HTML3.0中的部分新标记，因此在本章中介绍的一些HTML3.0新标记均已被多数浏览器所接受。
第5章 HTML语言基础
5.2.1 HTML的标题标记
例5-2 文件头标记的应用。 <!--文件名：example5-2.html-->
<html>
<head> <title>文件头标记的应用</title> <meta name="keywords" content="study, computer">
<meta name="author" content="Zhangjie">
5.2.2 HTML的正文标记
（6）页面内容距浏览器边界的距离 格式： <body leftmargin="number01" topmargin=" number02">…</body> 说明：leftmargin属性和topmargin属性取值均为数值，分别表示网页 主体内容距浏览器左端和顶端的距离，如，<body leftmargin=“30” topmargin=“ number50”>。
属性：<body>标记一般有六种可选属性，它们用来设置Web页面的外 观。这些属性分别是：
（1）页面背景颜色属性
格式：<body bgcolor="#RRGGBB">…</body>
说明：该属性是用来设置页面的背景颜色的，其值可用六位十六进 制形式的颜色代码表示。颜色代码#RRGGBB中的RR、GG、BB分别表示红、 绿、蓝三种原色的亮度，取值范围在00～FF之间，数值越大亮度越高， 如颜色代码#000000表示为黑色。常见的颜色代码如表5-1所示。
什么是超文本超文本特点
什么是超文本超文本特点超文本系统是一种新兴的信息管理技术,目前已广泛应用于CAI、CSCW、WWW等众多领域。
超文本的可用性设计要综合考虑超文本自身的特点和超文本浏览器人机界面设计中的人的因素问题。
什么是超文本呢？下面是店铺整理的什么是超文本，欢迎阅读。
什么是超文本“超文本” 是超级文本的中文缩写。
超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
超文本更是一种用户界面范式，用以显示文本及与文本之间相关的内容。
现时超文本普遍以电子文档方式存在，其中的文字包含有可以链结到其他位置或者文档的连结，允许从当前阅读位置直接切换到超文本连结所指向的位置。
超文本的格式有很多，目前最常使用的是超文本标记语言(标准通用标记语言下的一个应用)及富文本格式。
历史1963年，德特·纳尔逊(Ted Nelson)创造了术语“超文本”。
1981年，德特在他的著作中使用术语“超文本”描述了这一想法：创建一个全球化的大文档，文档的各个部分分布在不同的服务器中。
通过激活称为链接的超文本项目，例如研究论文里的参考书目，就可以跳转到引用的论文。
超文本定义超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
超文本更是一种用户介面范式，用来显示文本及与文本之间相关的内容。
现时超文本普遍以电子文档方式存在，其中的文字包含有可以链结到其他位置或者文档的连结，允许从当前阅读位置直接切换到超文本连结所指向的位置。
我们日常浏览的网页上的链结都属于超文本。
一种按信息之间关系非线性地存储、组织、管理和浏览信息的计算机技术。
超文本技术将自然语言文本和计算机交互式地转移或动态显示线性文本的能力结合在一起，它的本质和基本特征就是在文档内部和文档之间建立关系，正是这种关系给了文本以非线性的组织。
概括的说，超文本就是收集，存储和浏览离散信息以及建立和表现信息之间关联的一门网络技术。
超文本是由若干信息结点和表示信息节点之间相关性的链构成的一个具有一定逻辑结构和语义关系的非线性网络。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
例:<IMG SRC=“winlogo.gif”
ALT=“this is the windows logo” WIDTH=“50%” HEIGHT=“30%”> 例：图示
HTML(超文本标注语言)
（c）指定图像的边框：可设定图 像各种不同粗细的边框。
<IMG>中的两个基本属性：
<IMG WIDTH=X
SRC属性表示包含路径的图像
HEIGHT=Y>
文件名（图像可是GIF、JPEG、其中：x,y可取像素，也可
PNG文件）；
取百分数。
ALT表示图像的说明，用于不 能显示图像的浏览器或等待 图像时显示。
例：<IMG SRC=“winlogo.gif”
▪ <IMG BORDER=“边宽”> （e）ALIGN属性：用于图文
边宽的单位是像素。
混排时，使图文在垂直方向对
▪ 例：<IMG SRC=“winlogo.gif” 齐，其值是：
ALT=“this is the windows logo” BORDER=“3”> （d）设置文本和图像之间的空 白：
（6）FONT标签： <FONT>…</FONT>控制字符 的样式。 SIZE属性：表示文字的大小， 其值：1…7,缺省为2。 也可由+，-来指定相对字号。 ▪ COLOR属性：控制文字颜色。 例：<FONT COLOR=“red”> This line is red</FONT> ▪ FACE属性：指定字体样式。 例：<FONT FACE=“隶书”>中 文字</FONT> 见图示。
(2)主页制作：制作一套web页 面。而一web页是用THML编写 的一种超文本文件。
HTML(超文本标注语言)
(3)页面框架
所有的标签形成 一种嵌套的结构, 嵌套不能交错。
表示web页的 开始与结束
头部:与页 面有关的 特定信息
一般格式为：
<HTML>
<HEAD>
<TITLE> 学…习网页
页头
列表中每一项都由一个词
条及其相应的定义组成，显示 时会将词条与定义区别开来。
格式： 定义列表标签
<DL>
<DT> …
定义术语标签
<DD>……
……….
</DL>
定义描述标签 例：…
<DL>
<DT> NOS <DD>NOS是计算机
网络中所用的OS,……
<DT>DBS <DD>DBS是在计算
机系统中引入数据库……
执行显示：
请单击此处以显示图像
(g)图像链接:用图像作为 链接源,方法:用<A>标签 将IMG括起来。 例：<A HREF=“x.htm” <IMG SRC=“winlogo.gif” ALT=“ logo”></A> 如图示:
HTML
显示边框及分隔线
(10)创建表格：可以将各种数据排成行和列。获得表格效果。
(a)格式：<TABLE border>
标记表格
表格标 记符
<CAPTION>表格标题</CAPTION>
标题
<TR>
<TH>表头项1<TH>表头项2<TH>表头项3
<TR> <TD>表项1<TD>表项2<TD>表项3 <TR> <TD>表项4<TD>表项5<TD>表项6
标记表头（粗 体显示型）
HTML(超文本标注语言)
一 . HTML的概念
用于描述Web超文本信 息组织方式的语言。只要按 照HTML的规范组织信息， 就可以在Web服务器上供其 它Web站点通过浏览器浏览 和阅读。
二、HTML介绍：
（1）HTML文档的组成：由控 制语句与显示内容组成。
控制语句:描述web页内容 显示的格式，并负责客户 和服务器间信息交换。它 以标签：<…>的形式出现。
HTML(超文本标注语言)
(7)列表： HTML定义了5种 列表方式：
编号式(有序列表)： <OL>….</OL> 通常用数 字作为标签，将所有的列表 项处理成一个带编号的列表。
原点式(无序列表) ：通常用 圆点或其它符号作为标签。
词汇式：列表中的每一项都 由一个词条及其相应的定义 组成，显示时会将词条与定 义区别开来。
HTML
（d）指向电子邮件的链接：在链接中 包含e-mail地址信息。
如：
<A HREF=mail:zh@> 有问题请单击此处与作者联系</A> (f) 链接到图像：在超链接中，连接 对象可是网页文件，也可以是多媒 体文件。
例：<p>请单击<A HREF=“./winlogo.gof”>此处 </A>以显示图像</P>
HTML
（b）指向其他网页的链接
方法：在要跳转的位置（称
若超链接指向的是外部网页， “锚点”）置A标签，并用
则使用绝对URL。
NAME属性进行命
例：<P>参见<A HREF=“
名,<A></A>之间不用任何文
” 站点</A>
（c） 指向页面特定部分的链接
段落： <P>…..</P>
换行<BR> 水平线<HR> <FONT>…</FONT>
控制字符的样式 编号式(有序列表)格式： <OL>
<LI>List item 1 … <LI>List item n </OL> <UL> ……</UL>
HTML(超文本标注语言)
词汇式列表
HTML(超文本标注语言)
(4)换行<BR> : ▪功能为：仅换行不产生空行， 但多个<BR>产生多个空行。 ▪见例题及显示
(5)水平线<HR>：
将文本分成两个部分，经解 释器解释后显示在用户的窗口中， 是一条与窗口宽度相通的水平线。
▪SIZE属性：改变水平线的粗 细，为整数（缺省值是2）。
▪WIDTH属性：改变水平线 的长度（缺省为屏幕宽）。
HTML(超文本标注语言)
三. HTML控制符
(1)标题 ：
(2)字符格式：
标题同文件的提纲相似，用标题 <B></B>:粗体
将这种提纲结构表示出来， HTML定义了六种级别的标题， 标题标签的格式为：
▪ <Hi>标题内容<Hi>
i=1,2,….6 ▪ 例: <H1>操作系统<H1>
<H2>网络操作系统<H2> <H2>分布式操作系统<H2>
基本属性HREF：用于指定链 接的文件。根据链接的内容 不同分：
（a）指向本地网页的链接
当同一台计算机内页面之间 进行链接时，用相对地址。 若两个页面在同一目录下， 则直接指定链接的文件名。
例：<p>这是一个<A HREF=“p2.htm”>超链接 </A>
注意:使用超链接时,要确保链 接的文件在指定的位置。
</DL>
显示结果：
NOS NOS是计算机网络中所 用的OS,……
DBS DBS是在计算机系统中 引入数据库……
HTML(超文本标注语言)
（8）使用图像
Web页图像格式：GIF、JPEG、 PNG、矢量格式。
(a) 图像标签<IMG>：将一些图 标或小的图像嵌入HTML文档。
(b) 指定图像的宽和高：
</TITLE>
标题
</HEAD>
<BODY> 网…络班简介
正文
</BODY>
<!-- 页面注释 -->
</HTML>
HTML (超文本标注语言)
HTML定义了四种标签用于描 述页面的整体结构，并提供 一些简单的“页头”信息。
（1）<HTML>：它说明文件 的内容是用HTML语言编写的， 每个HTML文件以<HTML>标 注开始，以</HTML>标注结 束。
▪ 菜单式 ： <MENU>…</MENU> 一
组很短的段落构成。
目录式列表： <DIR>…</DIR>
用于由可垂直或水平排列的 短小词条构成的列表。
HTML(超文本标注语言)
编号式(有序列表)格式：
<OL>
有序列表标签
<LI>List item 1
…
<LI>List item n
</OL>
▪ 设置文本和图像间的空白：
<IMG HSPACE=X
VSPACE=Y>
▪ ALIGN属性：用于图文混排时
对齐,其值是：TOP ,MIDDLE BOTTOM ，LEFT，RIGHT。 超链接标签：<A>….</A> 属性HREF：指定链接的文件。 （a）指向本地网页的链接 （b）指向其他网页的链接 （c）指向页面特定部分的链接 （d）指向电子邮件的链接