想要制作出好看又高大上的网页，第一步就是要编写HTML文件。HTML英文全称HyperText Markup Language，即超文本标记语言。顾名思义，HTML是一种标记语言，它的作用是定义一个网页的结构，随着HTML的广泛使用，为了使其更加标准规范，W3C组织出现了。

1.W3C简介

W3C（World Wide Web Consortium，万维网联盟）是万维网之父 Sir Timothy John Berners-Lee 于1994年成立的。

为解决网络应用中不同平台、技术和开发者带来的不兼容问题，保障网络信息的顺利和完整流通，万维网联盟制定了一系列标准并督促网络应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范，开发中使用的导则和解释引擎的行为等等。而W3C 最重要的工作是发展 Web 规范（称为推荐，Recommendations），这些规范描述了 Web 的通信协议（比如 HTML 和 XHTML）和其他的构建模块。

因此，我们可以在W3C的官方网站上查看HTML的标准规范文档。

2.MDN简介

W3C为了严谨表述，其官方规范文档冗长复杂，而且只有英文版，这对全球各国的开发者来说看懂其未必都是一件易事。于是MDN出现了。

MDN（Mozilla Developer Network），Mozilla 开发者社区，是一个完整的学习平台，汇集了众多Mozilla基金会产品和网络技术开发文档。MDN提供了一种简洁的文档形式，并且保证了内容的严谨性和正确性，可以把它作为查阅文档的一个有力的工具。

3.HTML

HTML由一系列的元素（elements）所组成，这些元素可以用来封装、包装或标记内容的不同部分，使其以某种方式显示，或以某种方式执行。

空标签

在HTML标签中，尖括号总是成对存在的，即有开始标签如，有结束标签,且绝大部分HTML标签在开始与结束标签之间还可以加入具体内容。

但是并不是所有的元素都有开始标签、具体内容以及结束标签的。由于HTML元素的内容是开始标签与结束标签之间的内容。而某些HTML元素具有空内容。那些含有空内容的HTML元素，就是空标签。空标签是在开始标签中关闭的，常见的空标签有：<area>、<base>、
、<col>、<colgroup> (when the span is present)、<embed>、<img>、<input>、<link>、<meta>、<param>、<source>、<track>、<wbr>等。

例如：

<img src="xxxxx/xxxxx.png" alt="test image">

img包含了两个属性，src和alt，但是它并没有闭合标签，也没含有具体内容，所以它就是我们所说的空标签，其作用是向其所在的位置嵌入一个图像。

可替换标签

CSS中，可替换元素（replaced element）的样式展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的外部对象。典型的可替换元素有 <img>、 <object>、 <video> 和表单元素<textarea>、<input>等 。某些元素只在一些特殊情况下表现为可替换元素，例如 <audio> 和 <canvas> 。 通过 CSS的 content 属性来插入的对象被称作匿名可替换元素（anonymous replaced elements）。CSS在某些情况下会对可替换元素做特殊处理，比如计算外边距和一些auto值。