标签（别称元素、盒子）

承载超文档流的容器
所有的文本信息都必须写在标签中

根据有无闭合标签可分为：
双标签 html body div span
单标签 meta

根据页面渲染结果可分为：
块标签 div和行标签span

块标签div

1. 独占一行 每个块标签都会导致文本流的换行;
2. 可以设置宽高
   不设置高度时，高度由内容撑开;不设置宽度时，宽度和父盒子等宽
3. 可以嵌套块标签和行标签
   标签之间的嵌套关系：我们称之为父子关系

<div style="width:300px;height:200px;background:red;"> =>父标签
     <span></span> => 子标签
 </div>
//此时块标签div和行标签span就是父与子的关系。

行标签 span

1. 可以在一行之间排列
   但是如果行标签超出父盒子(通常是所在块标签)的宽度 则会自动换行
   (如果是单个行标签超出宽度，此情况不换行)
2. 不能设置宽高 宽度由内容撑开
3. 可以嵌套块标签，但是从代码编写规范角度讲，不推荐使用

<div style="width: 50px">
    <span>s1</span>
    <span>s2</span>
    <span>s111111111</span>
</div>
//此时块标签div和行标签span就是父与子的关系。