<div>和<span>是HTML中常用的標簽，它們分別用來定義和修飾文檔中的塊級元素和行內元素。本文將詳細解釋<div>和<span>的作用，并通過幾個代碼案例來加深理解。
<div>標簽是一個塊級元素，它通常用來組織文檔中的內容。它可以創建一個獨立的塊級盒子，用于包含其他元素。通過<div>標簽，我們可以將相關元素放在一起，并為它們添加樣式或者應用腳本。
下面是一個例子，展示了如何使用<div>標簽來組織文檔中的內容：

< p>這是一個使用div標簽組織的例子:</p>
< div>
< p>這是第一個段落。</p>
< p>這是第二個段落。</p>
</div>
< p>這是一個獨立的段落。</p>

上述代碼中，我們使用<div>標簽將兩個段落包裹在內。這樣，這兩個段落就被劃分為一個獨立的塊級元素。在頁面渲染時，<div>標簽會對其內部元素進行分組，并為其創建一個獨立的盒子。這樣，可以方便地對這個塊級元素應用樣式或者腳本。
與<div>對應的是<span>標簽。它是一個行內元素，用于修飾文檔中的文字或者其他行內內容。通過<span>標簽，我們可以給某個文本片段或者其他元素添加樣式或者腳本。
下面是一個例子，展示了如何使用<span>標簽給文本添加樣式：

< p>這是一個使用span標簽修飾文本的例子:</p>
< p>這是一段正常的文本。< span style="color: red;">這是一段紅色的文本。</span>這還是一段正常的文本。</p>

上述代碼中，我們使用<span>標簽將一段文本包裹在內，并為它添加了一個內聯樣式。這樣，這段文本就被修飾成紅色。通過<span>標簽，我們可以對單個文本片段進行樣式的改變，而無需修改其他部分的樣式。
總之，<div>和<span>是HTML中常用的標簽，分別用來定義和修飾文檔中的塊級元素和行內元素。通過<div>標簽，我們可以組織文檔中的內容，并為整個塊級元素添加樣式或者應用腳本。通過<span>標簽，我們可以給某個文本片段或者其他行內內容添加樣式或者腳本。掌握<div>和<span>的使用，可以更加靈活地操作和布局HTML文檔。