關鍵詞：塊級元素 行級元素 行內塊元素
一、 概述
HTML（Hyper Text Markup Language ）作為一種標記語言，網頁所有的內容均書寫在標簽內部，標簽是組成Html頁面的基本元素，因此對標簽特性的理解在HTML的學習過程中比較重要。
二、基本分類
HTML中的標簽從閉合的角度可以分為閉合標簽和空標簽。而HTML中大部分標簽都是閉合標簽，其他少數為空標簽，常見的空標簽有<input />、 <img />、 <area />、 <base />、 <link />等。
HTML中對標簽另一種分類方式，是根據標簽在文檔中的位置特性進行分類的，它將元素分為三類：塊級元素，行內元素，行級塊元素（也稱塊級行元素）。
1.塊級元素（block）
特點： （1）可以設置寬高、內、外邊距；
（2）獨占一行（即前后均有換行）；
（3）塊級元素如果不設置寬度和高度，則寬度默認為父級元素的寬度。高度則根據內容大小自動填充。
常見的塊級元素： div、p、h1、h2......hn，ol、ul、dl、li、form、table
2.行級元素(inline)
特點： （1）不可設置寬高、上下內、外邊距。（左右內、外邊距設置有效）
（2）其寬度和高度由其內容自動填充。
（2）其他行級元素共處一行 ；
常見的行級元素：a、span、i、lable等
3.行內塊元素（inline-block）
特點：（1）可以設置寬高、內外邊距；
（2）可以與其他行內元素、內聯元素共處一行；
常見的內聯元素：input、img
4.元素之間的轉化
可以在行內樣式或css樣式中改變元素的display將三種元素進行轉換。
display:block；(將元素變為塊級元素)
display:inline； (將元素變為行級元素)
display：inline-block；（將元素變為行級塊元素）