HTML代碼模塊可以用于在網頁中展示代碼塊，它在開發者網站中經常被使用。在HTML中，我們使用pre標簽來定義代碼模塊，這個標簽會以等寬字體來展現代碼，并且在輸出內容時保留HTML元素。 下面是一個簡單的例子：

p {
color: red;
font-size: 16px;
}

在上面的例子中，我們定義了一個p元素的樣式，讓它的文本顏色變成紅色，并且字體大小為16像素。這個代碼塊被放置在pre標簽內。 當我們把上面的例子在瀏覽器中打開時，它應該會像下面這樣顯示： p { color: red; font-size: 16px; } 我們注意到，pre標簽內的代碼塊保留了樣式定義。如果我們在沒有使用pre標簽的情況下展示這個代碼塊，那么樣式定義就不會生效。 除了用于展示CSS代碼塊之外，pre標簽還可以用于展示其他類型的代碼塊，例如JavaScript和HTML代碼。在一個HTML代碼模塊中，可以嵌套其他的HTML代碼塊，這樣就能夠構建復雜的HTML代碼結構。 總之，在HTML中使用pre標簽可以構建豐富的代碼模塊，它在網頁開發過程中是非常有用的工具。