<div>和<span>是HTML中的兩個常用的標簽，用于在網頁中創建不同的內容塊和文本樣式。它們可以幫助我們在網頁中劃分區域、設定樣式、添加內容，并提升用戶體驗。下面將通過幾個代碼案例來詳細解釋和說明它們的用法。
第一個案例是使用<div>標簽創建一個內容塊，并設置背景顏色和邊框。代碼如下：

<div style="background-color: #f2f2f2; border: 1px solid #cccccc; padding: 10px;">
<p>這是一個<div>標簽示例</div>。</p>
</div>

在這個案例中，我們使用了style屬性來設置<div>元素的樣式。通過background-color屬性可以設置背景顏色，border屬性設置邊框的樣式和寬度，padding屬性設置內邊距。通過這些屬性的組合，我們可以創建出一個帶有背景色和邊框的內容塊。
第二個案例是使用<span>標簽在文本中設置特殊樣式。代碼如下：

<p>這是一段普通文本，其中<span style="color: #ff0000;">這幾個字</span>是紅色的。</p>

在這個案例中，我們使用了style屬性來設置<span>元素的樣式。通過color屬性可以設置文本的顏色。在這個例子中，我們將其中的幾個字設置為紅色，從而實現了對特定文本的樣式設置。這在強調文字、標記關鍵字等方面是非常有用的。
通過這兩個案例，我們可以看到<div>和<span>標簽的應用場景和用法。<div>標簽用于創建內容塊，可以設置樣式和布局；<span>標簽用于對文本進行樣式設置，可以局部改變文本的樣式。這些標簽的使用可以優化網頁結構，提高用戶體驗。在實際應用中，我們可以根據需求合理選擇使用這兩個標簽，從而更好地實現網頁布局和樣式設計。