在網頁開發中， HTML 是最基礎的語言，如何合理利用 HTML 標簽進行排版對于網頁設計來說是非常重要的。 如果你要排版一個由文字與代碼混合的文章，HTML 中有兩個標簽可以幫助我們實現這種效果 - `

` 標簽和 `

` 標簽。
`
` 標簽是用來定義段落的標簽，常用于排版文章。在使用 `
` 標簽時，我們可以在文本段落之間添加空行，使得文章看起來更清晰、易讀。
`
` 標簽則是預先格式化標簽，用于表示計算機代碼或其他需要等寬字體的文本。與普通文本不同的是，`
` 標簽會保留原本文本的所有空格和換行符，因此在排版代碼時十分實用。
有時候我們需要在一篇文章中同時使用兩種標簽來排版，比如同時使用 `
` 標簽和 `
` 標簽，此時我們可以在特定的文字段落前后加上 `
` 標簽，讓代碼段單獨占用一行，并在普通段落之間加上空行。示例如下：
```html
function sayHello() {
console.log("Hello World!");
}
HTML 是超文本標記語言，是構成 Web 頁面的核心語言。
var a = 1;
var b = 2;
console.log(a + b);
```
在上面的例子中，我們可以看到代碼段通過 `
` 標簽進行格式化，而普通文本則使用 `
` 標簽進行排版。通過這種方法，在保持代碼準確性的同時，也能夠加強文章閱讀效果和美觀度。