<div> 標籤是 HTML 中用來劃分和組織內容的容器元素。它本身不具有特定的視覺效果，但可以用來組織和樣式化網頁的各個區塊。以下是一些 <div> 標籤的使用範例：

1. 基本的 `<div>` 標籤：

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Div 標籤範例</title>
  <style>
    /* 加入一些基本樣式以便更清晰地看到效果 */
    .container {
      border: 1px solid #ccc;
      padding: 10px;
      margin: 10px;
    }
    .box {
      width: 100px;
      height: 100px;
      background-color: lightblue;
      margin: 5px;
    }
  </style>
</head>
<body>

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

</body>
</html>

這個範例中，我們創建了一個包含三個方框的容器 <div>，每個方框都有自己的樣式。.container 和 .box 是 CSS 類別，用來設定相應元素的樣式。

2. 嵌套使用 `<div>`：

html
<div class="container">
  <div class="header">
    <h1>網頁標題</h1>
  </div>
  <div class="content">
    <p>這是網頁的內容。</p>
  </div>
  <div class="footer">
    <p>網頁底部資訊。</p>
  </div>
</div>

這個範例中，我們在一個容器 <div> 內包含了三個區塊（標頭、內容、底部）。這有助於組織並區分網頁的不同部分。

3. 使用 `<div>` 群組元素：

html
<div class="group">
  <div class="item">項目1</div>
  <div class="item">項目2</div>
  <div class="item">項目3</div>
</div>

這個範例中，我們使用 <div> 來群組一組相關的元素。這樣可以方便地應用相同的樣式或操作。

使用 <div> 標籤的主要目的是組織和佈局網頁內容，以便更容易管理和樣式化。在實際應用中，通常會結合 CSS 樣式表，進一步調整 <div> 元素的外觀和行為。

1. 基本的 <div> 標籤：

2. 嵌套使用 <div>：

3. 使用 <div> 群組元素：

1. 基本的 `<div>` 標籤：

2. 嵌套使用 `<div>`：

3. 使用 `<div>` 群組元素：