整理超文本的含义_1

1.1 HTML的基本概念

1.1.1 HTML简介

HTML的英文全称是Hyper Text Markup Language，直译为超文本标记语言。它是全球

广域网上描述网页内容和外观的标准。HTML包含了一对打开和关闭的标记，在当中包含有属性和值。标记描述了每个在网页上的组件，例如文本段落、表格或图像等。

事实上，HTML是一种因特网上较常见的网页制作标注性语言，而并不能算做一种程序设计语言，因为它缺少程序设计语言所应有的特征。HTML通过IE等浏览器的翻译，将网页中

所要呈现的内容、排版展现在用户眼前。

1.1.2 HTML的结构概念

一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素。在HTML中使用标签来分割并描述这些元素。实际上可以说，HTML文件就是由

各种HTML元素和标签组成的。一个HTML文件的基本结构如下：

文件开始标记

文件头开始的标记

…文件头的内容

文件头结束的标记

文件主体开始的标记

…文件主体的内容

文件主体结束的标记

文件结束标记

从上面的代码结构可以看出，在HTML文件中，所有的标记都是相对应的，开头标记为< >，结束标记为，在这两个标记中间添加内容。

有了标记作为文件的主干后，HTML文件中便可添加属性、数值、嵌套结构等各种类型的内容了。

1.1.3 HTML的标记

既然HTML是超文本标记语言，那么可以想象其构成主要是通过各种标记来标示和排列各

对象，通常由尖括号“<”、“>”以及其中所包容的标记元素组成。例如，与

就是一对标记，称为文件的头部标记，用来记录文档的相关信息。

在HTML中，所有的标记都是成对出现的，而结束标记总是在开始标记前增加一个“/”。

标记与标记之间还可以嵌套，也可以放置各种属性。此外在源文件中，标记是不区分大小

写的，因此在HTML源程序中，与的写法都是正确的，而且其含义是相同的。

HTML定义了3种标记用于描述页面的整体结构。页面结构标记不影响页面的显示效果，它们是帮助HTML工具对HTML文件进行解释和过滤的。

标记：HTML文档的第 1 个标记，它通知客户端该文档是HTML文档，类似地，结束标记出现在HTML文档的尾部。

标记：出现在文档的起始部分，标明文档的头部信息，一般包括标题和主题信息，

其结束标记指明文档标题部分的结束。

标记：用来指明文档的主体区域，该部分通常包容其他字符串，例如标题、段落、

列表等。读者可以把HTML文档的主体区域简单地理解成标题以外的所有部分，其结束标记

指明主体区域的结尾。

1.2 HTML的发展历史

1969年前后，托德·尼尔逊提出超文本的概念，IBM公司的Charkes Goklfard等设计出

了通用标记语言——GML。到1978年，美国国家标准局一工作组对GML进行了规范，推出

了命名为SGML的通用标记语言。1980年，ISO正式确定SGML为描述各种电子文件结构及

内容的国际通用标准。

1990年，Tim Berners-Lee将他设计的初级浏览和编辑系统在网上合二为一，创建了一种

快速小型超文本语言来为他的想法服务。他设计了数十种乃至数百种未来使用的超文本格式，并想象智能客户代理通过服务器在网上进行轻松谈判并翻译文件。它同Macintosh的Claris XTND系统极为相似，不同的是它可以在任何平台和浏览器上运行。

最初的HTML语言以文本格式为基础，可以用任何编辑器和文字处理器来为网络创建或转

换文本，仅有不多的几个标签。网络从此迅猛发展，人们开始在网上发布信息。很快人们

就开始琢磨在网上放置图像和图标。

1993年，NCSA推出了Mosaic，也就是第一个图文浏览器，从此Web开始迅速地发展起来。HTML语言也不断产生新型、功能强大且生动有趣的标签形式，例如、

、和等。

但是此时，出现了许多不同的HTML版本，而只有设计者和用户共有的HTML部分才可以正

确显示。因此在这段时间，W3C都在激烈争论名叫HTML 3的新技术，该文件概括了所有全新的特性，但没有任何技术支持。出于这种混乱局面的考虑，在1996年，W3C的HTML Working Group组织编写了新的规范，从此HTML 3.2开始发展，它更接近于现实的目标，即提供给内容商和浏览器发展商在研究工作中一个公允的参考标准。

到现在为止，HTML已经发展到了比较成熟的HTML 4版本，在这个版本下的语言中，规范更加统一，浏览器之间的兼容性也更加完善。

1.3 网页设计原则

在设计网页时，一般要遵循以下原则：

结构性：在设计网页时，须注意网页的标记结构、脚本语言结构、使用条列的方式、善用分段及空白字符，让整体结构看起来整齐美观，易于纠错及理解，在发生问题时，才能很快找到错误所在处。

通用性：考虑标记语言能否适用于各种浏览器，尽量以大多数浏览器都支持的标记语言为主，倘若有不得已的情况，一定要特别加以注明，并找出替代性的方案。遇有可以注解或说明的标记或组件属性，应该尽可能地注明其内容。

差异性：了解各种浏览器的差异，力求输出的结果尽可能一致。

习惯性：了解用户使用窗口与浏览时的习惯，如组件摆放的顺序，习惯用鼠标、Tab键、Esc键及Enter键等操作习惯，或因网页下载时间太长，无法让用户耐心等候等因素，都是设计网页时必须考虑的因素。

适用性：有些组件会因用户的窗口环境或安装的程序而异，可能在作者的计算机里可以完整地执行，而在其他用户的计算机上却只能下载文档，所以在设计完毕后，一定要多试几组不同平台的计算机，以确保网页的可行性。

反复性：反复检查是否错误，是否有需要注意文字大小写之处，以及名称是否正确。

1.4 Dreamweaver简介

使用Dreamweaver，设计师可以随心所欲地编写代码、设计网站网页以及进行高级开发。无论是喜欢手写HTML代码还是习惯于可视化环境，Dreamweaver都能提供方便快捷、功能强大的工具，使用Dreamweaver将是一种全新的体验。在易用、创新、规范等优点的基础上，Dreamweaver还拥有更先进的网页布局和设计环境，以及更为强大的代码编辑功能等卓越特性。

Dreamweaver MX 2004的操作界面主要由以下几个部分组成：标题栏、菜单栏、插入栏、文档工具栏、文档窗口、属性面板以及多个浮动面板，如图1-1所示。