在HTML中，Div 是用來劃分網頁不同部分的 HTML 元素。為了將代碼清晰地展示出來，我們可以使用 pre 標簽來進行代碼部分的展示。

<div style="border: 1px solid black;">
<p>這是一段內容</p>
</div>

上述代碼表示將要在 div 中展示一段內容。 在 style 屬性中，我們設置了邊框屬性，使得 div 有了一個黑色的邊框。

Div 元素可以用于網頁布局，將頁面劃分為多個區域，并設置不同的樣式。通過在不同的 Div 中嵌套其他 HTML 元素，我們可以輕松構建出復雜的網頁結構。

<div style="border: 1px solid black;">
<h1>這是標題</h1>
<p>這是一段內容</p>
<div style="background-color:gray; height: 50px; width: 50px;"></div>
</div>

上述代碼展示了一個 div 元素中的多個 HTML 元素的嵌套，其中 div 元素的樣式設置了灰色的背景色，高度和寬度均為50px。

Div 元素是網頁布局中非常常用的 HTML 元素，必須熟練掌握。