在Web開發中，我們經常需要在頁面中顯示HTML代碼。為了實現這個需求，我們通常會使用div標簽和pre標簽。
div標簽是HTML中最基本的容器標簽，用于將網頁劃分為若干個不同的區域。在這個區域內，我們可以放置各種HTML元素，包括文本、圖像和其他標簽等等。
而pre標簽則是HTML中的一種文本格式化標簽，用于指定預格式化文本。它會將文本中所有的空格與換行都保留下來，并呈現給用戶。這個標簽常常被用來顯示代碼片段，使得代碼更加易于閱讀和調試。
下面是一個簡單的例子：在上面的代碼中，我們使用了p標簽來分段說明了這個示例的用途。然后我們創建了一個div標簽，并在其中嵌套了pre標簽。在pre標簽中，我們使用了code標簽來指定代碼塊。
在這個例子中，我們展示了一個簡單的HTML代碼片段，其中包含了一個div標簽和一個ul標簽。通過使用pre標簽，我們成功地將這個代碼片段以預格式化文本的形式呈現給了用戶。
總的來說，使用div標簽和pre標簽可以使得我們在網頁中方便地展示HTML代碼，并提高代碼的可讀性和可維護性。
下面是一個div標簽，內部包含了一個pre標簽：
<div>
<p>這是一段可以正常顯示的文本。</p>
<ul>
<li>選項1</li>
<li>選項2</li>
<li>選項3</li>
</ul>
</div>下一篇html+超時設置