<div> 是 HTML 中常用的一個標簽，用于創建一個塊級的容器，可以將其中的內容獨立于其他內容進行布局。它可以用于將頁面分割成不同的區域，進行樣式定義和布局控制。在本文中，我們將介紹 <div> 標簽的基本用法，并通過幾個代碼案例來詳細說明。

代碼案例1：一個簡單的 <div> 示例

<div>
這是一個簡單的 div 示例。
</div>

在上面的示例中，我們創建了一個簡單的 <div> 元素，并在其中添加了一些文本內容。注意，<div> 元素本身并不具有任何特定的樣式或布局，它就像一個空的容器。

代碼案例2：使用 class 屬性定義樣式

<style>
.red-background {
background-color: red;
color: white;
font-weight: bold;
}
</style>
<br>
<div class="red-background">
這是一個帶有紅色背景的 div 示例。
</div>

上述示例中，我們使用了 class 屬性為 <div> 元素定義了一個名為 "red-background" 的樣式類。通過將該類應用于 <div> 元素，我們可以為其添加紅色背景、白色字體顏色和加粗字體效果。

代碼案例3：嵌套使用多個 <div> 元素

<style>
.container {
display: flex;
justify-content: space-between;
}
<br>
  .box {
width: 100px;
height: 100px;
background-color: blue;
}
</style>
<br>
<div class="container">
<div class="box"></div>
<div class="box"></div>
</div>

在上面的示例中，我們使用了嵌套的 <div> 元素來創建一個容器，并添加了一個名為 "container" 的樣式類。該樣式類使用了 Flex 布局，并將其中的 <div> 元素按照空間均分的方式排列在容器中。同時，我們為 <div> 元素添加了一個名為 "box" 的樣式類，以設置其寬度、高度和背景顏色。
通過以上幾個代碼案例，我們對 <div> 標簽的用法有了初步的了解。它是一種常用的 HTML 容器元素，可以用于創建各種樣式和布局。通過為 <div> 元素添加類名或 ID，并使用 CSS 來定義樣式，我們可以高度自定義其外觀和功能。它在網頁設計和響應式布局中都有廣泛應用，是前端開發中不可或缺的一部分。希望本文對您掌握 <div> 標簽的基本用法有所幫助。