标签和属性构成了HTML元素,HTML中标签、元素、属性的区别

很多初学前端的同学，都对标签和元素两个概念很模糊，甚至有时连属性都混在一起，所以在这里说明一下，以便大家学习的时候能区别开来。

1. 标签：

由尖括号包围的关键词，比如，通常是成对出现的，比如

和

，标签对中的第一个标签是开始标签，第二个标签是结束标签，还有少部分不是成对出现的，如
、

---

等。

标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。

2. 元素：

HTML元素以开始标签起始，以结束标签终止，元素的内容是开始标签与结束标签之间的内容，某些 HTML 元素具有空内容。

HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件，并且任何网页浏览器都可以直接运行HTML文件。HTML元素就是构成HTML文件的基本对象，HTML元素可以说是一个统称而已。

简而言之：HTML元素就是通过使用HTML标签进行定义的。

3. 属性：

为HTML元素提供各种附加信息的就是HTML属性，它总是以"属性名=属性值"这种名值对的形式出现，而且属性总是在HTML元素的开始标签中进行定义。

示例：

网页标题

普通段落

在这个例子中：

1)

这是示例页面

就是HTML元素，“这是示例页面”就是元素的具体内容了。

2)

、、等就是HTML标签，这是标签构成了HTML元素。

3)

中的bgcolor="red"就是标签的属性，它定义了p标签的配置参数，也是设置p元素的内容背景颜色是红色。

总之，元素和标签的区别也不必太在意，实际工作中我们都直接以标签统称。而属性就是为HTML标签添加各种附加信息或者配置选项的参数。