1.2 HTML

HTML（Hypertext Markup Language），即超文本标记语言，是用于描述网页文档的一种标记语言。它是一种规范，一种标准，通过标记符号来标记要显示网页的各个部分。任何动态语言都离不开HTML的支持。所以在学习Web开发之前，读者首先要掌握HTML的相关基础知识。

1.2.1 标记语言

标记语言，也称为置标语言。是将文本以及文本相关的其他信息结合起来，展现出文档的结构和数据处理细节的计算机文字编码。

标记语言根据使用范围的不同有很多类型。例如，用于描述用户网页信息的是超文本标记语言（HTML），用于描述用户计算机处理各种信息的是可扩展的标记语言（XML）等。由于类型的不同，它们各自的语法也各不相同。下面我们重点介绍的是用于搭建网页的超文本标记语言，即HTML。HTML的大致结构如图1.6所示。

【示例1.3】我们按照HTML文档的结构举一个最简单的使用HTML语言的例子First.html，如图1.7所示。由于目前还没有使用开发工具，所以我们首先将代码写在txt文件中，然后将文件后缀名改为html即可在浏览器中运行。

我们在地址栏中输入文件的存储地址，就可以运行这个html文件，运行结果如图1.8所示。

注意：一般情况下，可以包括其他内容的HTML标签都是成对出现的，例如上面例子中的<title></title>这对标签，它包含了一个文字的标题信息，所以成对出现。而<br/>这样的标签仅仅是一个回车换行的作用，它不包含其他内容，所以不成对出现。

1.2.2 超链接

在 HTML 中实现页面的跳转的主要方式是用超链接的形式。超链接的用途非常广泛，可以是一个字、一个词，或者一组词，也可以是一幅图像。用户可以单击这些内容跳转到新的文档或者当前文档中的某个部分。例如我们打开百度首页，如图1.9所示。它的每个词汇单击后都可以链接到一个新的页面，甚至在单击首页中图片的时候也可以打开一个新的页面，这都是超链接的应用。

在HTML中超链接的标签是<a></a>，它的语法格式如图1.10所示。

【示例 1.4】我们将这个语法格式加以应用，就可以得到 HTML 超链接页面 link.html，如图1.11所示。

在浏览器地址栏中输入地址C:\HTML\link.html，显示如图1.12所示的页面。

单击“百度”超链接，我们就会进入百度主页，如图1.13所示。

1.2.3 静态页面

当一个网页页面仅仅由 HTML 语言代码组织起来，那么这个页面就是一个静态的页面。它不会与数据库、服务器进行交互，只能通过浏览器进行显示，是一个独立存在的文件。现今我们通过浏览器浏览互联网的时候，所看到的大部分网站都不是静态网站。因为它的显示单一，功能简单，所以已经被动态网站所取代。

【示例1.5】我们创建一个静态的网页static.html，并在浏览器上显示，如图1.14所示。

在浏览器中输入HTML文件地址，显示静态页面，如图1.15所示。

与静态网站相对应的是动态网站，所谓的动态网站，就是用户可以通过浏览器与服务器端进行数据交互的网站。例如国内的搜索网站百度，如图1.16所示。

动态网站不只是由HTML语言组织起来的，它还是由HTML语言与其他的脚本语言共同组织起来的，例如HTML+ASP、HTML+PHP、HTML+JSP等。HTML语言起到一个显示的作用，至于交互的动作及过程，都是由脚本语言完成的。有关动态网站的内容我们会在后面章节中为大家讲解。