首頁 > web前端 > 前端問答 > html5標記分為哪幾類

html5標記分為哪幾類

青灯夜游
發布: 2021-12-15 17:54:37
原創
5122 人瀏覽過

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

html5標記分為哪幾類

本教學操作環境: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>

定義

音訊

#視訊

#Tlt;video>

表格

表單

#新增一條直線 


裝載獨立文章

定義文檔章節

#定義非正文內容