<div>標簽是HTML中用來創建容器的元素。在<div>中可以放置文本、圖像、鏈接等內容，它們可以被CSS樣式控制。使用<div>可以有效地組織和布局網頁的內容，使其具有一定的結構性和層次性。下面將通過幾個代碼案例來詳細解釋<div>中的內容。
，我們來看一個簡單的示例。假設我們有一個網頁，需要在頁面的左邊放置一個導航欄，在右邊顯示主要內容。我們可以使用<div>來實現這個布局。代碼如下所示：

<div class="container">
<div class="sidebar">
<ul>
<li>導航欄1</li>
<li>導航欄2</li>
<li>導航欄3</li>
</ul>
</div>
<div class="content">
<h1>主要內容</h1>
<p>這是網頁的主要內容部分。</p>
</div>
</div>

在上面的代碼中，我們使用了兩個<div>來創建一個容器，分別用于放置導航欄和主要內容。通過添加不同的class屬性，我們可以對這兩個<div>應用不同的樣式。在導航欄中，我們使用了一個無序列表（<ul>）來放置導航鏈接（<li>）。
接下來，我們來看一個更復雜一些的例子。假設我們有一個圖片庫網站，需要展示不同類別的圖片。我們可以使用<div>來創建一個圖片展示的列表。代碼如下所示：

<div class="image-gallery">
<div class="category">
<h2>自然風景</h2>
<div class="image">
<img src="nature1.jpg" alt="自然風景1">
</div>
<div class="image">
<img src="nature2.jpg" alt="自然風景2">
</div>
</div>
<div class="category">
<h2>城市風景</h2>
<div class="image">
<img src="city1.jpg" alt="城市風景1">
</div>
<div class="image">
<img src="city2.jpg" alt="城市風景2">
</div>
</div>
</div>

在上面的代碼中，我們使用了多個<div>來創建一個圖片展示的列表。每個<div>代表一個類別的圖片，通過添加不同的class屬性來區分。在每個類別中，我們使用了一個

標題和多個<div>來顯示不同的圖片。通過這種方式，我們可以方便地組織和展示圖片。
起來，<div>標簽在HTML中是非常常用的元素之一。它可以用來創建容器，實現網頁內容的組織和布局。通過添加不同的class屬性，我們可以對<div>應用不同的樣式。在實際應用中，我們可以根據具體需求在<div>中放置各種不同的內容，從而實現豐富多樣的網頁布局和展示效果。希望通過上述的示例代碼能夠對<div>中內容的使用有更清晰的了解。