首頁(yè)常見問題正文

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

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

IT培訓(xùn)班

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

  1.塊元素

  塊元素在頁(yè)面中以區(qū)域塊的形式出現(xiàn),其特點(diǎn)是,每個(gè)塊元素通常都會(huì)獨(dú)自占據(jù)一整行或者多行,可以對(duì)其設(shè)置寬度、高度、對(duì)齊等屬性,常用于網(wǎng)頁(yè)布局和網(wǎng)頁(yè)結(jié)構(gòu)的搭建。

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

  2.行內(nèi)元素

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

   常見的行內(nèi)元素中有幾個(gè)特殊的標(biāo)記如<img/>和<input/>,則可以對(duì)它們?cè)O(shè)置寬高和對(duì)齊屬性,有些資料可能會(huì)稱它們?yōu)樾袃?nèi)塊元素。

1675649379478_注意.jpg

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!