第一节 HTML 文档的基本结构及编辑运算
HTML用途
    超文本标记语言HTML是Web的通用语言，是创建Web页和发布Web信息的格式，是Web设计的基础，是控制Web浏览器在屏幕上显示内容的核心技术。
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工作组在“lc.org”中发布。
HTML目的
    最初设计HTML语言的目的是使科学家们可以创建包含基本格式化命令（即标记）和其他信息链接（称作超文本或超链接）的基于文本的文档。例如，一个有关地震的文档可以包含一个到其他科学家撰写的有关板块构造理论的文档的链接。
    HTML用于编制可以在不同的平台上实施链接的超文本文件。HTML的标记可以表达超文本的新闻、邮件、文档及超媒体——包含在线的图形、视像的信息体。
    在这一节中将介绍HTML是如何实现超文本的链接，HTML文档的基本组成以及支持HTML文档的传输协议HTTP。它们是HTML的基础，又是一些容易混淆的抽象概念。
一、超文本链接的相关概念
1．超链接（Hyperlink）
    超文本的链接称为超链接。在HTML中将超链接定义为两个锚标（anchor）之间的联系。锚标是信息存储的地点。形成超链接的两个地点必然是从源点（source）指向目标（destination）。若用一个箭头来描述一个超链接关系，则出发的源点是箭头的尾（tail），到达的目的地是箭头的头（head）。在实际应用中，用鼠标点击屏幕上的超文本之处即是超链接的源点或尾，由该链接所调出的文档所在地点即是超链接的目标或头。
2．统一资源定位器
    超链接的目标地点的描述采用统一资源定位的方法。在超文本中任何一个目标地点都有一个统一资源定位器（URL，Uniform Resoure Location）。它确定了网络中任何一个文档的所在地点。URL由三个部分组成，例如学院主页的URL为：
        www.dqpi.edu
    http:定义了服务器的访问方法，亦即是访问协议的名称。http--超文本传输协议（后面介绍）。
    // www.dqpi.edu ：定义了服务器地址，或称主机名（hostname）。
    / ：定义了文件在服务器中的路径和文件名称。
    上述的表达必须符合Internet中资源描述的统一规定，因而都冠以“统一资源”的称呼。
3．超文本传输协议和HTTP服务器
    支持超链接的协议就是超文本传输协议HTTP。
    超文本传输协议的作用是通过HTML文档和支持HTML的浏览器来实现的。换句话说，在Wold Wide Web上用浏览器来浏览超文本文档时所依靠和遵循的规则就是HTTP协议。
    存放HTML文档的服务器称为HTTP服务器或Web服务器。在HTML文档中用“…”表示一个HTTP服务器的地址。
    支持HTTP协议的浏览器称为Web浏览器。通常Web浏览器也支持其他的文件传输协议如FTP等。
4．HTTP服务器的页（page）和主页（Homepage）
    由于HTML文档均是用于浏览的，浏览中出现的都是页面，因此常把HTML文档编辑称为页面编辑，把服务器中不同的HTML文档称为不同的页。通常在每个服务器的根目录中都可以放置一个缺省的文档，类似于DOS中的自动批处理文件autoexec.bat。
    UNIX系统支持的HTTP服务器中它的名字为index.html，其它系统支持的服务器中的名字为 welcome.htm。
    在HTML中超链接的统一资源定位即是对HTTP服务器的寻址。当一个超链接仅给出服务器地址时同即能自动显示这个缺省文件。这个特殊的文档就称为主页或起始页（Homepage）。用户可通过这个主页所提供的超链接十分方便地浏览该服务器中的其他相关文档。
二、标记基础知识
1．标记（Markup）
    标记是HTML文档的基本特征。在HTML的文档中，字符和数据的语法结构是通过标记来表达的。因此标记是HTML语言的标签符号和用标签符号构成的各种元素的统称。
2．标签（tag）
    标签是描述性的标记，用一对< >符号中间包含若干字符来表示。标签通常是配对使用的，前一个是开始标签（start-tag），后一个是结束标签（end-tag）。结束标签的符号内第一个字符是“/”。还有一种标签是不配对使用的，像是仅用了一个开始标签，称为空标签。
3．元素（element）
    元素是HTM文档中的组成部分，相当于程序中的语句。各种元素都应符合文档类型定义（DTD）的规定。例如：HTML中有头（head），标题（title），列表（list），等各种类型的元素。一个HTML文档就是由不同类型元素组成的有序结构。
    元素的表示通常是一个开始标签，标签内表明元素名。开始标签后跟着元素内容的字符串 ，字符串后面是结束标签。
    一对标签用来定界定一个元素。空标签亦界定一个元素。例如：
    <h1>This is a Heading</h1> (用一对标签来界定一个元素。)
    <p>This is a paragrph. (用一个空标签界定一个元素。)
    元素是可以嵌套的。例如：
    <head><title>An Example of Nested Element</title></head>
    元素的具体表达方法体现了HTML的语法规定。（有关元素在实际应用中表达的更详细的内容在后面讨论）。
三、HTML文档的基本结构
HTML文档具有最基本的结构框架“头”和“体”。
    HTML文档均用于在浏览器上显示，而支持HTTP的浏览器均为WINDOWS式的图形用户接口（GUI）界面，因此HTML文档的基本结构是依据这一要求而设计确定的。一个GUI的视窗通常由标题栏和窗口体作为其最基本的构成。HTML文档结构的“头”和“体”正应于这一要求。
1．HTML容器标记
    HTML文档的第一个标记<HTML>是HTML的容器标记，它向浏览器指示，其后的代码应使用由HTML制定的语法和结构规则来处理。相应的结束标记</HTML>出现在文件的结尾处。
    注意：不要把HTML文档的任何文本放置在这两个标记的外面，否则其结果是不可预见的。
2．头标记（head）
html document是什么
    <HEAD>和</HEAD>是一对头标签，是标记文件头区域的分界线（<head>….</head>），s有在浏览器的标题栏中显示的文档标题名称（title）和该文档有关的属性参数。它是HTML文档的第一个部分，是一个可选项。（尽管HTML规定一些元素只能在它的内部使用。）在文档头中能用于浏览显示的元素仅有标题（title），其他的元素均不显示。
    TITLE（标题）也是一个可选元素.用一对标签(<TITLE>…</TITLE>)标记定义了在浏览器的标题栏中显示的内容。标题元素总是嵌套在头元素中的。
    例2.1.1:
    <HEAD>
    <TITLE> This is an example of HTML HEAD</TITLE>
    </HEAD>
    <BODY>
    Yet another “Hello world”
    </BODY>
    本例中的“The Example --HEAD”将作为文档标题显示在浏览器的标题栏中。
3．体标记（body）
    体（BODY）是HTML文档中的主体，反映在浏览器的屏幕的正文区域，它包含了文档的内容——即在网页上可见的资料。
    <BODY>和</BODY>是一对体标签，用于标记（<BODY>…</BODY>）除了头以外的其余的文档内容。与头元素一样是一个复合元素，可在体标签内嵌套其他的字符和元素。
    如例1.1 中的显示的正文文本是：
    Yet another “Hello world”
    例2.1.2
    <BODY>
    This is an example of HTML document
    <B> This is “bold” text </B><BR> （黑体字）
    <I> This is “italic” text.</I> （斜体字）
    </BODY>
4．一个最简单的HTML文档的组成
    头和体结合就能组成一个HTML文档
    例2.1.3
<HTML>
<HEAD>
<TITLE> This is an example of HTML </TITLE>
</HEAD>
<BODY>
This is an example of HTML document
<B> This is “bold” text </B><BR> （黑体字）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。