块级元素(block element)
div - 定义文档中的分区或节
dl - 定义列表
form - 交互表单
h1 - 大标题
h2 - 副标题
h3 - 3级标题
h4 - 4级标题
h5 - 5级标题
h6 - 6级标题
hr - 水平分隔线
p - 段落
pre - 格式化文本
table - 表格
ul - 非排序列表
ol - 排序表单
li-标签定义列表项目
内联元素(inline element)
a - 锚点
b - 粗体(不推荐)
br - 换行
em - 强调
i - 斜体
img - 图片
input - 输入框
label - 表格标签
select - 项目选择
small - 小字体文本
span - 常用内联容器，定义文本内区块
strike - 中划线
strong - 粗体强调
sub - 下标
sup - 上标
textarea - 多行文本输入框
u - 下划线
（以上只是部分常见的块级元素和内联元素）
两者的区别：
1.块级元素单独占据一整行，行内元素占据的位置只有自身文本宽度的空间；
qb1.png
2.块级元素可以包含文本，块级，行内元素，而行内元素只能包含文本和行内元素；
qb2.png
3.块级元素可以设置宽高，行内元素设置宽高无效；
qb3.png
4.行内元素设置上下margin无效，设置上下padding无效，只能撑大背景色与边框；而对于块级元素有效
qb4.png
网友评论