小編給大家分享一下HTML基礎知識之DIV的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
一、HTML 塊元素
大多數 HTML 元素被定義為塊級元素或內聯元素；
元素在瀏覽器顯示時，通常會以新行來開始和結束；
如：<h2>，<p>，<ul>，<table>，<div>等標簽；
二、HTML 內聯元素
內聯元素在顯示時通常不會以新行開始；
如：<b>， <td>， <a>， <img>，<span>等標簽；
三、HTML <div> 元素
HTML 中的<div> 元素是塊級元素，它是可用于組合其他 HTML 元素的容器；
<div> 標簽定義 HTML 文檔中的一個分隔區塊或者一個區域部分；
<div> 元素經常與 CSS 一起使用，用來布局網頁；
四、div的使用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>
<style>
.all{
width:500px;
height:500px;
margin:0 auto;
background-color:#000;
}
.one{
height:100px;
background-color:#89E1BF;
}
.two{
height:100px;
background-color:#DEE099;
}
.three{
height:100px;
background-color:#D7A1CE;
}
</style>
<body>
<!--父div，all是黑色-->
<div class="all">
<!--子div，one是綠色-->
<div class="one">
</div>
<!--子divtwo，是黃色-->
<div class="two">
</div>
<!--子div，three是紫色-->
<div class="three">
</div>
</div>
</body>
</html>演示效果如圖所示：
以上是“HTML基礎知識之DIV的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
