<div>是HTML中常用的一個標簽，它用于創建一個獨立的區塊，可以在其中放置其他HTML元素。在這篇文章中，我們將詳細討論<div>標簽的用法，并通過幾個代碼案例來進一步解釋說明。
<div>標簽的主要作用是將一組相關的HTML元素放置在一個獨立的區塊中。它可以用于創建布局，將不同的元素進行分組，或者給某些元素添加樣式和處理事件。在默認情況下，<div>元素是一個塊級元素，即它會單獨占據一行，并自動換行。通過CSS的樣式定義，我們可以進一步控制<div>元素的顯示效果。
下面是一個簡單的示例，展示了如何使用<div>標簽創建一個簡單的布局：

<div>
<h1>這是一個標題</h1>
<p>這是一個段落</p>
<ul>
<li>列表項1</li>
<li>列表項2</li>
</ul>
</div>

在上面的代碼中，我們使用<div>標簽創建了一個包含標題、段落和無序列表的布局塊。這些元素都被放置在<div>標簽的內部，形成一個獨立的區塊。通過CSS樣式定義，我們還可以為這個<div>塊添加背景顏色、邊框樣式等，實現不同的顯示效果。
除了被用于布局之外，<div>標簽還經常被用于分組元素或為元素添加樣式。下面的代碼示例展示了如何使用<div>標簽對一組相似的圖片進行分組，并為它們設置邊框和間距：

<div class="image-group">
<img src="image1.jpg" alt="圖片1">
<img src="image2.jpg" alt="圖片2">
<img src="image3.jpg" alt="圖片3">
</div>
<br>
<style>
.image-group {
border: 1px solid #000;
margin: 10px;
padding: 5px;
}
</style>

在上面的例子中，我們在<div>標簽上添加了一個class屬性，并賦值為"image-group"。然后，在CSS樣式中，通過選擇器".image-group"來定義這個<div>塊的樣式。這樣，所有在這個<div>塊內的<img>元素都會被包含在這個樣式中，具有相同的邊框和間距。
總之，<div>是一個非常常用且功能強大的HTML標簽，它可以用于創建布局、分組元素或為元素添加樣式。通過合理地使用<div>標簽，我們可以更好地組織和控制HTML文檔的結構和樣式。希望本文能幫助大家更好地理解和應用<div>標簽。