html5標記分為哪幾類

html5標記分為3類：1、區塊級元素，其特點為能夠設定寬高、可以自動換行、margin和padding的上下左右均對其有效；2、行內元素，其特點為無法設定寬高、不會自動換行；3、行內塊元素，其特性為能夠設定寬高、不會自動換行。

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

HTML5中的標記分為區塊級元素、行內元素、行內區塊元素。

行內元素：

• 無法設定寬高。

•  margin上下無效，只有左右有效果；padding都有效果，會撐大空間。

• box-sizing:border-box;無效，因為該屬性針對盒子模型。

• 不會自動換行

#區塊級元素：

• 能夠設定寬高

• margin和padding的上下左右均對其有效

• 可以自動換行

• 多個區塊狀元素標籤寫在一起，預設排列方式為從上到下
  可以使用
margin:0 auto

居中對齊

行內區塊元素：
• #不會自動換行

• 能夠設定寬高

• 預設排列方式為從左到右

  #可以使用text-align:center

  讓內容相對於父盒子水平居中對齊，例如img標籤，可以使用
text-align:center
• 相對父盒子居中對齊

margin:0 auto
• #無效

水平排列，但所有元素預設會有1個空格的間隙，因為元素之間在html中書寫有回車換行，瀏覽器解析會將其解析成一個空格。

但標籤的型別是可以轉換的
#display:inline
• : 轉換為行內元素

display:linline-block
• 轉換為行內塊元素

display:block

轉換為區塊級元素

#掌握元素類別。現將學過的標籤分類如下：

1、區塊級元素

##標題

有序列表

無序列表

定義清單

段落標籤

預格式文字

< ;/pre>

大段引用

小段引用
分割區塊< div>