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、區塊級元素

##標題

有序列表

無序列表

• ul>

  定義清單

  段落標籤

  預格式文字

&lt ;/pre><p>大段引用</p><blockquote></blockquote><p>小段引用<q></q></p><p>分割區塊</p><p>定義<figure></figure></p><p>音訊<audio></audio></p><p>#視訊<video></video></p><p>#Tlt;video> </p><p>表格</p>

表單

#新增一條直線 

---

裝載獨立文章

定義文檔章節

#定義非正文內容

#頁眉

頁尾

導覽連結部分

為文件或section 定義聯絡資訊

#製作更小字號的文字

下標文字_上標文字

#2、行內元素

標籤類型代碼書寫

超連結

傾斜;

加粗;

縮寫

##跨越多個字元

取得使用者輸入

建立下拉清單

#建立多行文字方塊<strong>##定義控制項標註<lable> </lable></strong>

3、行內區塊元素

#標籤類型程式碼書寫

圖片

內聯框架

建議教學：《###html影片教學###》 ###

以上是html5標記分為哪幾類的詳細內容。更多資訊請關注PHP中文網其他相關文章！