HTML 中标签元素三种不同类型：块状元素，行内元素，行内块状元素。
块级元素：
- 独占一行，宽度和父元素宽度一样宽（默认）
- 能够设置宽高
- 设置的 width 属性和元素的宽度（width+padding2+border2+margin2）是两回事 (盒子模型)
- 如果没有设置高度，高度由内容撑开
- 块级元素能够包裹别的元素。p 标签尽量不要包裹别的块级元素
罕用的块级元素：
<div> </div>：
块级的块标签，用于在成果中 定义一块；
<p> </p>：
段落标签，用于展现成果中划分段落；
<h1>.....<h6>：
题目标签，用于展现成果中划分题目；
<ol> </ol>：
有序列表标签，用于在成果中定义一个有序列表
<ul> </ul>：
无序列表标签，用于在成果中定义一个无序列表；
<dl> </dl>：
引起定义列表；
<table></table>：
表格标签，用于在成果中定义一个表格；
<form></form>：
指定所蕴含控件在表单中起作用。
行内元素：
- 能够和别的标签共享一行，标签的宽度和高度由内容决定
- 不能设置宽高，外边距和内边距局部可管制 (盒子模型)
罕用的行内元素：
<a> </a>：
超链接标签，用于在成果中定义一个能够点击跳转的链接；
<span></span>
行级的块标签，用于在成果中 一行上定义一个块，进行内容显示；
</br>：
换行；
<i>：
指定文本应以斜体渲染，若可用的话；
<em>：
强调文本，通常以斜体渲染；
<strong>：
以粗体渲染文本；
<label>：
为页面上的其它元素指定标签；
<q>：
拆散文本中的引语；
<cite>：
用斜体显示表明引言；
<code>：
指定代码范例；
<var>
定义编程变量。通常以斜体渲染；
行内块级元素：
- 能够和别的元素共享一行，宽高由内容决定（默认）
- 能够设置宽高
- 留神：行内块级元素并排显示的时候，两个行内块级元素之间默认有一个距离
- 勾销行内块级元素之间的空格：
（1）给行内元素的父元素设置字体大小为 0px（行内元素的内容无奈显示，行内元素之间的空格也无奈显示）
（2）给行内元素设置正当的字体大小（行内元素的内容就能显示了）
罕用的行内块状元素：
<img></img>：
图片标签，用于在页面成果中展现一张图片；
<input></input>：
创立各种表单输出控件。