HTML網(wǎng)頁(yè)基本標(biāo)簽的塊級(jí)、行級(jí)元素，特殊字符的嵌套規(guī)則

2020-05-20 16:21:20 來源：互聯(lián)網(wǎng)作者：佚名 人氣： 次閱讀 106 條評(píng)論

如果介紹HTML網(wǎng)頁(yè)基本標(biāo)簽的嵌套規(guī)則，首先要說的就是元素的分類。元素可以劃分為塊級(jí)元素和行級(jí)元素，塊級(jí)元素是什么？它可以獨(dú)占一行，可以設(shè)置寬高度，默認(rèn)是100%；行級(jí)元素與之相反...

如果介紹HTML網(wǎng)頁(yè)基本標(biāo)簽的嵌套規(guī)則，首先要說的就是元素的分類。元素可以劃分為塊級(jí)元素和行級(jí)元素，塊級(jí)元素是什么？它可以獨(dú)占一行，可以設(shè)置寬高度，默認(rèn)是100%；行級(jí)元素與之相反，它的內(nèi)容決定它的寬高度，至于特殊字符就當(dāng)成是文字來看

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> HTML塊級(jí)、行級(jí)元素，特殊字符，嵌套規(guī)則</title>
</head>
<body>
    <!-- 塊元素:獨(dú)占一行，可以設(shè)置寬高、默認(rèn)寬度100% -->
    塊元素分為文字類和容器類
    文字類塊元素:p、h1——h6
    容器類塊元素：div、table、tr、td、frame、ul>li、ol、dl、dt、dd（序列）
    <!-- 行元素:不獨(dú)占一行，寬高度取決于內(nèi)容 -->
    行元素：a img input strong em del span
    特殊字符：文字 br &nbsp hr
</body>
</html>

嵌套規(guī)則總結(jié)如下幾點(diǎn)：

1.塊元素可以嵌套行元素

2.行元素可以嵌套行元素

3.行元素不可以嵌套塊元素

4.文字類塊元素不可以嵌套塊元素

5.容器類塊元素可以嵌套塊元素

以下html網(wǎng)頁(yè)基本概念、html網(wǎng)頁(yè)基本結(jié)構(gòu)、HTML基礎(chǔ)標(biāo)簽圖片文本超鏈接列表表格介紹、html基本標(biāo)簽表單實(shí)現(xiàn)交互原理，單選框，復(fù)選框，下拉框介紹、網(wǎng)頁(yè)DIV+CSS布局與ifame傳統(tǒng)布局對(duì)比的相關(guān)博文就是HTML的全部部分了，HTML的學(xué)習(xí)主要是了解它的語(yǔ)義化嵌套規(guī)則來構(gòu)建頁(yè)面，至于頁(yè)面的CSS與交互邏輯JS則是下面要練習(xí)的內(nèi)容!