HTML 是一種用來編輯網頁的技術，在網頁制作中有許多需要使用編程代碼的場景。比如說，在網站開發的過程中需要添加一些 JavaScript 代碼，或者添加一些 CSS 樣式，這時候就需要使用 pre 標簽來顯示這些代碼。
pre 標簽可以讓文本保持編寫時的格式，不管是空格或是格式換行都會原樣保留。如果使用普通的文本標簽，那么在輸出時就會自動去掉這些空格或者格式換行，使得代碼難以閱讀和理解。
如果我們想顯示下面這段編程代碼：
```javascript
function multiply(a, b) {
return a * b;
}
```
我們可以使用 pre 標簽來顯示：
```html
下面這段是javascript代碼：
function multiply(a, b) {
return a * b;
}```
這樣，我們就可以在網頁上顯示這段代碼并保持它的格式。如果我們需要添加外部樣式，可以在 style 標簽中加入一些自定義樣式，比如：
```html```
這樣，我們就可以讓 pre 標簽的代碼以更好的方式呈現出來。
總之，在網頁開發中，使用 pre 標簽是非常重要的技巧之一，它可以讓我們更加方便地展示和分享我們的代碼。