HTML代碼塊絕對是網頁設計中不可缺少的一部分。在HTML中，我們可以通過pre標簽來表示一個代碼塊，從而讓代碼看起來更加規整清晰。

function calculateSum(x, y) {
return x + y;
}

以上是一個簡單的pre標簽和code標簽嵌套的示例，該代碼塊可以顯示一個JavaScript函數的代碼。使用pre標簽可以非常方便地顯示格式化的代碼并且保留所有空格和行間距。 但是在某些情況下，代碼塊可能會很大，無法輕松復制和粘貼。這時可以使用另一個HTML標簽：blockquote。blockquote標簽用來表示一個或多個段落的引用。

HTML標準建議我們將代碼塊包圍在<pre> 和</pre> 標簽中。然而，如果您只需要在網頁中引用一些代碼，那么blockqoute標簽是更為合適的選擇。

function calculateSum(x, y) {

return x + y;

}

在上面的例子中，我們使用了兩個HTML標簽：blockquote和p。blockquote標簽是包圍整個代碼塊的標簽，p標簽被嵌套在blockquote標簽中，每一個p標簽代表代碼塊中的一行。 通過以上兩種方式，我們可以輕松地展示代碼塊，并且在網頁設計中通用性非常高。