首頁常見問題正文

HTML元素類型有哪些?【盒子模型】

更新時間:2023-02-06 來源:黑馬程序員 瀏覽量:

IT培訓班

  HTML標記語言提供了豐富的標記,用于組織頁面結構。為了使頁面結構的組織更加輕松、合理,HTML標記被定義成了不同的類型,一般分為塊元素和行內元素,也稱為塊標記和行內標記。了解它們的特性可以為使用CSS設置樣式和布局打下基礎,具體介紹如下。

  1.塊元素

  塊元素在頁面中以區(qū)域塊的形式出現(xiàn),其特點是,每個塊元素通常都會獨自占據一整行或者多行,可以對其設置寬度、高度、對齊等屬性,常用于網頁布局和網頁結構的搭建。

   常見的塊元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>標記是最典型的塊元素。

  2.行內元素

  行內元素也稱為內聯(lián)元素或者內嵌元素,其特點是,不必在新的一行開始,同時也不強迫其他標記在新的一行顯示。一個行內標記通常會和它前后的其他行內標記顯示在同一行中,它們不占有獨立的區(qū)域,僅僅靠自身的字體大小和圖像尺寸來支撐結構,一般不可以設置寬度、高度、對齊等屬性,常用于控制頁面中文本的樣式。

   常見的行內元素中有幾個特殊的標記如<img/>和<input/>,則可以對它們設置寬高和對齊屬性,有些資料可能會稱它們?yōu)樾袃葔K元素。

1675649379478_注意.jpg

分享到:
在線咨詢 我要報名
和我們在線交談!