塊級元素(block element)

div - 定義文檔中的分區(qū)或節(jié)
dl - 定義列表
form - 交互表單
h1 - 大標(biāo)題
h2 - 副標(biāo)題
h3 - 3級標(biāo)題
h4 - 4級標(biāo)題
h5 - 5級標(biāo)題
h6 - 6級標(biāo)題
hr - 水平分隔線
p - 段落
pre - 格式化文本
table - 表格
ul - 非排序列表
ol - 排序表單
li-標(biāo)簽定義列表項(xiàng)目

內(nèi)聯(lián)元素(inline element)
a - 錨點(diǎn)
b - 粗體(不推薦)
br - 換行
em - 強(qiáng)調(diào)
i - 斜體
img - 圖片
input - 輸入框
label - 表格標(biāo)簽
select - 項(xiàng)目選擇
small - 小字體文本
span - 常用內(nèi)聯(lián)容器，定義文本內(nèi)區(qū)塊
strike - 中劃線
strong - 粗體強(qiáng)調(diào)
sub - 下標(biāo)
sup - 上標(biāo)
textarea - 多行文本輸入框
u - 下劃線

（以上只是部分常見的塊級元素和內(nèi)聯(lián)元素）

兩者的區(qū)別：

1.塊級元素單獨(dú)占據(jù)一整行，行內(nèi)元素占據(jù)的位置只有自身文本寬度的空間；

qb1.png

2.塊級元素可以包含文本，塊級，行內(nèi)元素，而行內(nèi)元素只能包含文本和行內(nèi)元素；

qb2.png

3.塊級元素可以設(shè)置寬高，行內(nèi)元素設(shè)置寬高無效；

qb3.png

4.行內(nèi)元素設(shè)置上下margin無效，設(shè)置上下padding無效，只能撐大背景色與邊框；而對于塊級元素有效

qb4.png