如果想要构建一个简单的网页，使用 HTML + CSS 足矣，如果你还不了解这两个东西，不用担心，下面一一介绍
HTML
什么是 HTML
HTML「Hyper Text Markup Language」即超文本标记语言，是一种用来结构化 Web 网页及其内容的标记语言。简单来说，就是用来说明网页都有什么内容的语言。网页的内容可以是：一组段落、一个信息列表、也可以是图片或表格等。
HTML 元素
元素简介
一个 HTML 文件是由一系列元素构成的，一个 HTML 元素由标签和内容构成。HTML 标签由三部分组成：开始标签、内容、关闭标签。举个例子：
在上图中是常见的 p 标签（如果你还不知道 p 标签是什么，没关系，后面还会详细讲的），蓝色方框包裹的就是开始标签，黄色方框包裹的就是内容，绿色标签包裹的就是关闭标签。
元素嵌套
一个元素可以被包裹在其他元素中，这称为元素嵌套。元素嵌套要保持正确的父子关系，在包裹时不能交叉包裹。
一个 HTML 元素构成了网页里面的一个节点，也可以叫做 dom。元素嵌套产生的父子关系呈现一个树状，称为 dom 树。这可以让网页的层次架构更加清晰
块级元素「block」和行内元素「inline」
根据展示的方式不同，HTML 元素也可以分为块级元素和行内元素。块级元素在页面中以块的形式存在，默认独自占用一行，而行内元素不会独自另起一行，依然与上一个元素在同一行上。
上文中的 p 标签就是其中一个块级元素，表示 paragraph 即一个段落块，下面的例子展示了行内元素和块级元素在浏览器中看起来的区别。
这里有两个 p 标签，即使我在代码中把他们写在同一行上了，在浏览器里面它们依然会独自占用一行
当我们把块级元素 p 的标签改为行内元素 span（span 用于对文档中的行内元素进行组合，后面还会详细讲）时，浏览器里面两个东西显示在同一行上了
