HTML是網頁編寫的基礎語言，而div作為HTML的一個重要標簽，可以用于定義文檔中的分區或節，是HTML中很重要的一個結構標簽。而在HTML中，通過div標簽實現網頁模塊的劃分和排版，可以讓網頁結構更加清晰，易于維護。下面是使用div輸出HTML代碼的一些示例。

<div>這是一個div標簽</div>

上述代碼中，我們用<div>和</div>包含了“這是一個div標簽”，這個內容會在頁面中形成一個div塊。

<div id="box">
<p>這是一個div標簽包含的p標簽</p>
</div>

上述代碼中，我們通過給div標簽添加id屬性，方便對該div進行樣式和操作的控制。其中，p標簽用于包含“這是一個div標簽包含的p標簽”這句話。

<div class="content">
<h2>這是一個div標簽包含的h2標簽</h2>
<p>這是一個div標簽包含的p標簽</p>
</div>

上述代碼中，我們給div標簽添加class屬性，方便在樣式表中控制具有相同類名的元素。其中，h2標簽用于包含“這是一個div標簽包含的h2標簽”這句話，p標簽用于包含“這是一個div標簽包含的p標簽”這句話。

<div style="background-color: #F9F9F9; border: 1px solid #DCDCDC; padding: 10px;">
<p>這是一個帶樣式的div標簽</p>
</div>

上述代碼中，我們通過給div標簽添加style屬性，實現對該div的樣式設置。其中，background-color屬性設置了背景顏色，border屬性設置了邊框樣式，padding屬性設置了內邊距。

通過上述的示例，我們可以看出，div標簽在HTML中的作用非常重要。它不僅可以實現網頁模塊的劃分和排版，還可以通過樣式控制，讓網頁更加美觀可讀。同時，div標簽也具有很強的可擴展性，在網頁制作中廣泛應用。