HTML不是一门编程语言,而是一种用于定义内容结构的标记语言。
标记语言和编程语言的区别是:标记语言是一种描述性语言,通常用于把零散的资源按照既定的标准组合成一个整体,不具备很强的逻辑性和功能性;而编程语言则具备很强的逻辑性和流程控制功能,可用于创建复杂的应用程序。
HTML由一系列的元素(elements)组成,这些元素可以包含不同的内容,使其以某种方式呈现。
比如通过p
标签可以把一行文字封装成一个段落元素:
<p>My cat is very grumpy</p>
p
标签是成对出现的,开始标签和结束标签嵌套内容,共同组成了一个完整的元素。

也有不包含任何内容的元素,这样的元素被称为空元素,比如表示图像的<img>
元素:
<img src="images/firefox-icon.png" alt="My test image">
上面的图像元素中并没有</img>
结束标签,元素里也没有内容。这是因为图像元素不需要通过内容来产生效果,它的作用是向其所在的位置嵌入一个图像。
元素的灵活度很高,比如我们可以将一个元素嵌套在其他元素中:
<p>My cat is <strong>very</strong> grumpy.</p>
下面这个例子是通过元素嵌套实现的一个最基本的页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My test page</title>
</head>
<body>
<h1>Hello Firefox!</h1>
<img src="images/firefox-icon.png" alt="My test image">
</body>
</html>
元素也可以有属性(Attribute),属性包含了关于元素的一些信息。

本例中,class
是属性名,editor-note
是属性值(属性值应该用引号包围)。
通过上面这些例子,我们可以总结出:
- 一个HTML页面是由一系列的元素构成的。
- 一个元素是由标签、标签属性和内容组成的。
- 元素可以不包含任何内容,不包含任何内容的元素被称为空元素。
- 元素可以嵌套。