下载掌阅APP，畅读海量书库
立即打开
超文本标记语言（Hyper Text Markup Language,HTML）是一种标记语言。根据历史发展，它分为传统的HTML和最新的HTML 5两大标准。不论哪个标准，HTML都包括了一系列标签。本节将简略讲解HTML的发展历史和标签。
扫码看微课
HTML的发展历史与标签讲解
HTML是由蒂姆·伯纳斯-李（Tim Berners-Lee）于1990年创立的一种标记语言。使用HTML编写的文档被称为HTML文档，俗称网页文档。这种文档能独立于各种操作系统平台进行展示，如UNIX、Windows等。
首先，编程人员将想要展示的网页内容用HTML编写为HTML文档，该文档可以被浏览器识别；然后由浏览器将 HTML 文档展现为普通用户可以看到的网页。HTML文档的显示原理如图2.1所示。
图2.1 HTML文档的显示原理
从1990年创立至今，HTML经过多次迭代，形成了如下版本。
□ HTML 1.0：1993年6月作为互联网工程工作小组（Internet Engineering Task Force,IETF）工作草案发布。
□ HTML 2.0：1995年11月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。
□ HTML 3.2：1997年1月14日成为W3C推荐标准。
□ HTML 4.0：1997年12月18日成为新的W3C推荐标准。
□ HTML 4.01（微小改进）：1999年12月24日成为新的W3C推荐标准。
□ HTML 5：2008年正式发布，2012年形成了稳定的版本。
HTML作为一种标记语言，其核心是它的标签。HTML标签（tag）又被称为HTML标记标签。标签是HTML组成的基础，是HTML的核心元素。无论多么复杂的网页，都可以用HTML标签来实现。
HTML标签被放在一对尖括号（< >）中，每个标签都有自身的功能。在第1章中，我们遇到的<html>、<head>和<body>等都是HTML标签。下面从多个方面对HTML标签进行进一步讲解。
HTML标签根据使用方式可以分为单标签与双标签两种。
（1）单标签，又称为空标签，是指使用一个标签符号就可以完整描述某个功能的标签，其形式如下。
<标签名/>
（2）双标签又称为体标签，是指由开始标签与结束标签这两个标签符组成的标签，其形式如下。
<开始标签名>内容</结束标签名>
其中，从开始标签到结束标签的所有代码称为HTML元素。此时，开始标签称为开放标签，结束标签称为闭合标签。
根据是否独占一行，标签还可以分为块元素和内联元素。块元素在浏览器中会自动换行，内联元素在浏览器中不会自动换行。
标签的关系准确地说是指HTML元素之间的关系，总体可以分为嵌套关系和并列关系两种形式。
（1）嵌套关系，是指标签元素之间以一层套一层的形式书写。例如，在标签元素<html>中嵌套<head>和<body>标签元素，如图2.2所示。（注意：<html>是一个标签，但如果表示<html>和</html>的整体，则称为<html>标签元素。）
图2.2 嵌套关系
（2）并列关系，是指标签元素与标签元素之间是并列关系，处于同一层次，具有相同的父级。例如，标签元素<head>和标签元素<body>就是并列关系。它们的父级都是标签元素<html>，并且两对标签元素之间相互不包含。
每个HTML标签都有一个或多个属性，但每个标签之间的属性不一定相同。就像每个人都有自己的喜好一样，每个标签根据自身的功能拥有独特的属性。通过这些不同的属性，同一种标签能展示不同的效果。例如，两个<p>标签修改属性后的不同效果如图2.3所示。
图2.3 <p>标签的不同效果
标签属性以属性名和属性值成对的形式出现，其语法形式如下。
属性名=＂属性值＂
或者：
属性名：属性值
标签一般会在开始标签中设置属性值，其语法形式有如下两种。
（1）使用style属性。style属性是HTML 4引入的一种形式，被称为样式。通过style属性可以修改标签的属性值，其语法形式如下。
<标记名 style=＂属性1：属性值1；属性2：属性值2;……＂> 内容 </标记名>
其中，每个属性之间要用英文分号分隔。属性名与属性值之间使用英文冒号连接。整个style属性的值都要用英文双引号引导。
例如，修改标签<p>的背景为红色，字号为30px的代码如下。
<p style=＂font-size:30px;background:red＂>30个像素大小背景为红色</p>
（2）直接使用属性名与属性值，其语法形式如下。
<标记名 属性1=＂属性值1＂ 属性2=＂属性值2＂……> 内容 </标记名>
其中，每个属性之间要用空格分隔。属性名与属性值之间使用等号连接。属性值需要使用英文双引号引导。
例如，修改标签<p>的内容居中显示的代码如下。
<p align=＂center＂>居中显示</p>
在使用属性修改标签样式时，一定要严格遵循语法形式，严禁出现“缺斤短两”“画蛇添足”等代码书写现象，避免样式修改失败的情况发生。使用style属性的语法形式可以使用标签自身以及自身之外的很多属性，使用属性的语法形式只能使用标签自身的属性。