<form id="hz9zz"></form>
    • <form id="hz9zz"></form>
    

      

      <nobr id="hz9zz"></nobr>
      <form id="hz9zz"></form>
      3.   
          
      明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！
                   
        
                           
        
                        		  
        
                 
              
                
      什么是div標簽？HTML中div標簽如何使用？
                
                  發表時間：2023-08-27             來源：明輝站整理相關軟件相關文章人氣：          
              
      [摘要]HTML中的div標簽是實現網頁的重要基礎，是學習HTML知識必不可少的內容，本篇文章就來為大家介紹關于HTML中div標簽的使用方法。什么是div標簽？div標簽表示一組必要的結構。目的是將夾在div標簽之間的字符分成塊狀。因此，單獨的div標簽沒有諸如改變顏色或改變字符樣式的效果。另外，如果d...
      HTML中的div標簽是實現網頁的重要基礎，是學習HTML知識必不可少的內容，本篇文章就來為大家介紹關于HTML中div標簽的使用方法。
      什么是div標簽？
      div標簽表示一組必要的結構。目的是將夾在div標簽之間的字符分成塊狀。因此，單獨的div標簽沒有諸如改變顏色或改變字符樣式的效果。
      另外，如果div標簽不適合其他元素，則就暫時不要使用它。
      但是，實際上，當需要指定哪個元素時，我們經常會使用div標簽。
      通過將id和class添加到div標簽并使用CSS處理id和class，你就可以更改div標簽中的顏色或改變為其他樣式。
      div標簽與Section標簽的比較
      我認為section標簽在文檔上顯示單個集合比較合適
      section標簽用于將組指示為文檔。
      我認為章節有章節的項
      正如章節子句的這個概念一樣，section標簽是一個塊，如果它被提取，通常沒有意義。
      在報紙文章中，即使你只剪輯章節項，我也不認為整篇文章的意圖可以傳達。
      通過比較，section標簽的使用方式與div標簽的使用方式不同，而是作為句子用于表示組。
      div標簽的用法
      寫下div標簽如下。
      <div>內容</div>
      如上所述，div標簽通過添加id和class非常有用。如何分配id和class如下。
      <div id="id名">內容</div>
<div id="class名">內容</div>
      順便說一下id和class
      順便說一下，id和class是什么？id和class被稱為屬性，id是I具有D號之類的東西，具有相同id名稱的東西只能在該頁面內使用一次。
      相反，我們將id屬性用于我們僅使用一次的事物。
      另一方面，class屬性可以在同一頁面上使用多次。如果要指定“此元素和此元素的顏色相同”，請使用class屬性。
      當然，即使你只使用一次，也可以使用class屬性。
      我們來看實際的例子
      我們先來看看div標簽包圍的結果
      對于id和class，我們指定每個名詞的顏色名稱。
      使用以下源代碼創建div.html并在瀏覽器中打開它。
      div.html
      <html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <div id="red">蘋果</div>
    <div class="skyblue">天空</div>
    <div class="yellow">香蕉</div>
    <div class="blue">大海</div>
    <div class="lightyellow">蒲公英</div>
  </body>
</html>
      在瀏覽器中顯示效果如下：
      2345截圖20181126115725.png
      上述只有文字顯示，現在讓我們用CSS作為背景上色。
      <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
 #red {
        background-color: #FF0000;
      }
      .skyblue {
        background-color: skyblue;
      }
      .yellow{
        background-color: yellow;
      }
      .blue{
        background-color: blue;
      }
      .beige{
        background-color: beige;
      }
 </style>
  </head>
  <body>
  <div id="red">蘋果</div>
    <div class="skyblue">天空</div>
    <div class="yellow">香蕉</div>
    <div class="blue">大海</div>
    <div class="beige">蒲公英</div>
  </body>
</html>
      在瀏覽器中顯示效果如下：
      2345截圖20181126133204.png
      可以看到背景是彩色的，也還可以確認指定了多個相同的類。
      以上就是什么是div標簽？HTML中div標簽怎么使用？的詳細內容，更多請關注php中文網其它相關文章！
      				
				
      網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




              
              
                 
              
                                            
                              		       
                          
                           		  
        
                            
      
日韩精品一区二区三区高清