HTML網頁基本標簽的塊級、行級元素，特殊字符的嵌套規則

2020-05-20 16:21:20 來源：互聯網作者：佚名 人氣： 次閱讀 106 條評論

如果介紹HTML網頁基本標簽的嵌套規則，首先要說的就是元素的分類。元素可以劃分為塊級元素和行級元素，塊級元素是什么？它可以獨占一行，可以設置寬高度，默認是100%；行級元素與之相反...

如果介紹HTML網頁基本標簽的嵌套規則，首先要說的就是元素的分類。元素可以劃分為塊級元素和行級元素，塊級元素是什么？它可以獨占一行，可以設置寬高度，默認是100%；行級元素與之相反，它的內容決定它的寬高度，至于特殊字符就當成是文字來看

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

嵌套規則總結如下幾點：

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

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

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

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

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

以下html網頁基本概念、html網頁基本結構、HTML基礎標簽圖片文本超鏈接列表表格介紹、html基本標簽表單實現交互原理，單選框，復選框，下拉框介紹、網頁DIV+CSS布局與ifame傳統布局對比的相關博文就是HTML的全部部分了，HTML的學習主要是了解它的語義化嵌套規則來構建頁面，至于頁面的CSS與交互邏輯JS則是下面要練習的內容!

您可能感興趣的文章

相關文章