【前端】制作一个简单的网页（2）
| 单标签组成的元素 这类标签不需要内容产生效果，通常表示对网页的某种行为，它们不用标记任何内容，开始即是结束。 比如，<hr>标签的作用是在网页中添加一条分割线，它仅包含开始标签，是一个单标签元素。 |
|
有时我们还需要为元素添加更多的信息，解决诸如下面的问题：
这个元素的颜色是什么？
元素内容使用了哪一种语言？
元素展示了哪一张图片?
...
此时，我们可以在标签中添加属性。
属性
定义
HTML 属性（或简称为属性）能够为 HTML 标签提供一些额外信息。
隐喻
若把HTML标签比作商品的吊牌，属性就是吊牌上用来描述商品的附加信息。
| 属性可以为网页元素提供更多信息， 它总是以属性名/值对的形式出现。 右边展示了网页中常见的两个属性。 |
|
HTML 属性有很多，大致可以分为下面两种类型：
通用属性：适用于大部分或者所有 HTML 标签；
专用属性：只适用于一个或者几个特定的 HTML 标签。
我们会在后面的课程中陆续学习每个属性的用法与分类。
| 设置属性的位置 一个标签可以没有属性，也可以有一个或多个属性。 属性需要设置在开始标签后，并使用空格与标签名分开，格式为<标签名 属性1 属性2>。 |
|
| 属性的结构 通常情况下，HTML属性由属性名与属性值两个部分组成，结构为属性名="属性值"。 需要注意的是，属性值中的内容需要放在一对引号中。 |
|
一个基本的HTML文档。
右图展示了一个简易的网页，它会在屏幕中显示：
“第一个网页”。
| HTML 文档的最外层结构由两个元素确定： 第一个元素是：DOCTYPE； 第二个元素是：HTML。 | |
| <!DOCTYPE html> <!DOCTYPE html>是一个特殊的标签，总是放在HTML文档的第一行。 它的作用是让浏览器明白其处理的是HTML文档。 doc - document - 文件； type - 类型； | |
| <html> 紧跟着<!DOCTYPE html>的是HTML元素的开始标签。 html 是根元素，它告诉浏览器网页从<html>开始，到</html>结束。 也就是说，网页的所有内容都放在html元素中。 | |
| 有时你会发现<html>标签中设定了一个名为lang的属性，它用来告诉浏览器这是“网页使用的语言”。 比如，"en" 表示这个网页的主要语言是英文。 当浏览器识别到你常用的语言（比如中文）与lang中的语言不一致，会自动询问你是否需要翻译网页内容。 当浏览器识别到你常用的语言（比如中文）与lang中的语言不一致，会自动询问你是否需要翻译网页内容。 |  |