<div>和<span>是HTML中常用的標簽，用于在網頁中劃分和標記特定的塊級和內聯元素。本文將結合幾個代碼案例詳細解釋說明這兩個標簽的使用。
<div>是一個塊級元素，用于將文檔中的內容分割成獨立的部分。它可以包含任意的HTML元素，例如段落、圖片、鏈接等。通過<div>標簽，我們可以在頁面中創建不同的區塊，以便進行樣式和布局的設置。
下面是一個簡單的代碼案例，展示如何使用<div>標簽創建兩個不同的區塊：

<p><code><div>這是第一個區塊</div></code></p>
<p><code><div>這是第二個區塊</div></code></p>

在上述代碼中，<div>標簽被用來劃分兩個獨立的區塊。每個區塊內可以包含任意的HTML元素。這樣我們就可以對每個區塊應用不同的樣式來實現網頁的各種布局效果。
<span>是一個內聯元素，用于標記文本中的一小部分或者一個行內元素。它可以包含文本、圖片、鏈接等內聯元素。通過<span>標簽，我們可以對文本內容進行特殊標記，例如添加樣式或者給文本中的某一部分應用特殊效果。
下面是一個簡單的代碼案例，展示如何使用<span>標簽標記文本中的某一部分：

<p><code>這是一段包含<span style="color: red;">紅色</span>和<span style="color: blue;">藍色</span>文本的例子。</code></p>

在上述代碼中，<span>標簽被用來標記文本中的一部分，分別添加了紅色和藍色的樣式。這樣就可以對不同的文本元素進行特殊標記和樣式設置。
綜上所述，<div>和<span>是在HTML中常用的標簽，用于在網頁中劃分和標記特定的塊級和內聯元素。通過這兩個標簽，我們可以對不同的區塊和文本進行樣式和布局的設置，從而實現網頁的多樣化效果。希望本文可以幫助讀者更好地理解和運用這兩個標簽。