過最新的HTML5先來說HTML。

行級標簽與塊級標簽轉換用到的css

display : block(塊級) inline(行級) inline-block(行塊級)

文采不夠飛揚，直接進入主題。

塊級標簽：

1. div 在布局當中最常用，可定義文檔中的分區或節。

2. h1~h6 定義標題

3. ul(無序列表) ol(有序列表) dl(定義列表 dt dd)

4. form 發送數據交互請求
   

5. p 定義段落

6. table 表單

7. br 換行

8. hr 水平分隔符

行級標簽：

1. span 可以用來改變段落里面的樣式

2. a 超鏈接

3. button 按鈕

4. select 下拉框
   

5. strong 強調文本，可以加粗字體

6. input type類型包含文本框、密碼卡、單選框、多選框、等等可以自行百度

7. i 字體傾斜效果

8. b 字體加粗效果

9. s 字體中劃線

10. textarea 文本輸入控件
    

歡迎大家補充！

、塊級標簽

級元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

行內元素：span, strong, em, br, img , input, label, select, textarea, cite,

內聯元素(inline element)a - 超鏈接

b - 粗體(不推薦)br - 換行

em - 強調

font - 字體設定(不推薦)

i - 斜體

img - 圖片

input - 輸入框

label - 表格標簽

select - 選擇框

small - 小字體文本

span - 常用內聯容器，定義文本內區塊

strong - 粗體強調

sub - 下標

sup - 上標

textarea - 多行文本輸入框

塊元素(block element)* blockquote - 塊引用

* center - 居中

* div - 常用塊級容易，也是css layout的主要標簽

* dl - 定義列表

* form - 交互表單

* h1 - 大標題

* h2 - 副標題

* h3 - 3級標題

* h4 - 4級標題

* h5 - 5級標題

* h6 - 6級標題

* hr - 水平分隔線

* ol - 排序表單

* p - 段落

* pre - 格式化文本

* table - 表格

* ul - 無序列表

塊級元素和行內元素的區別：

1）塊級元素會獨占一行，其寬度自動填滿其父元素寬度

行內元素不會獨占一行，相鄰的行內元素會排列在同一行里，知道一行排不下，才會換行，其寬度隨元素的內容 而變化

2） 塊級元素可以設置 width, height屬性，行內元素設置width, height無效

3) 塊級元素可以設置margin 和 padding. 行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。

文章自留地：

成笑笑博客_一個.Net和安卓技術狂愛者博客。

主要以發布和分享.Net和安卓文章為主，爭做全棧開發工程師，愛學習，愛挑戰，愛編程。用技術改變生活。

歡迎關注，微信公眾號:net知識分享（net4k8k）[做個12k的技術員].博客網址：www.chengxiaoxiao.com.

歡迎加入qq技術交流群：538742639.