在网页开发中， HTML 是最基础的语言，如何合理利用 HTML 标签进行排版对于网页设计来说是非常重要的。 如果你要排版一个由文字与代码混合的文章，HTML 中有两个标签可以帮助我们实现这种效果 - `

` 标签和 `

` 标签。
`
` 标签是用来定义段落的标签，常用于排版文章。在使用 `
` 标签时，我们可以在文本段落之间添加空行，使得文章看起来更清晰、易读。
`
` 标签则是预先格式化标签，用于表示计算机代码或其他需要等宽字体的文本。与普通文本不同的是，`
` 标签会保留原本文本的所有空格和换行符，因此在排版代码时十分实用。
有时候我们需要在一篇文章中同时使用两种标签来排版，比如同时使用 `
` 标签和 `
` 标签，此时我们可以在特定的文字段落前后加上 `
` 标签，让代码段单独占用一行，并在普通段落之间加上空行。示例如下：
```html
function sayHello() {
console.log("Hello World!");
}
HTML 是超文本标记语言，是构成 Web 页面的核心语言。
var a = 1;
var b = 2;
console.log(a + b);
```
在上面的例子中，我们可以看到代码段通过 `
` 标签进行格式化，而普通文本则使用 `
` 标签进行排版。通过这种方法，在保持代码准确性的同时，也能够加强文章阅读效果和美观度。