分析HTML基礎知識DIV-創新互聯

這篇文章主要介紹“分析HTML基礎知識DIV”，在日常操作中，相信很多人在分析HTML基礎知識DIV問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”分析HTML基礎知識DIV”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

創新互聯是一家專注于網站建設、成都做網站與策劃設計,魏都網站建設哪家好?創新互聯做網站,專注于網站建設10余年,網設計領域的專業建站公司;建站業務涵蓋:魏都等地區。魏都做網站價格咨詢:18980820575

一、HTML 塊元素

大多數 HTML 元素被定義為塊級元素或內聯元素；
元素在瀏覽器顯示時，通常會以新行來開始和結束；
如：<h2>，<p>，<ul>，<table>，<div>等標簽；

二、HTML 內聯元素

內聯元素在顯示時通常不會以新行開始；
如：<b>， <td>， <a>，<img>，<span>等標簽；

三、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-->
    <div class="all">
        <!--子div-->
        <div class="one">
        </div>
        <!--子div-->
        <div class="two">
        </div>
        <!--子div-->
        <div class="three">
        </div>
    </div>
</body>
</html>

演示效果如圖所示：

分析HTML基礎知識DIV