<pre>标签用于保留文本中的空格、换行和缩进，适合显示代码或格式敏感内容。使用时直接包裹文本，浏览器会默认以等宽字体渲染。p是HTML中用于定义段落的块级元素，通过标签将文本组织成具有语义结构的段落单元，跟着小编一起详细了解下。
一、HTML中<pre>标签的使用
<pre>(Preformatted Text)标签用于定义预格式化文本，保留文本中的空格、换行和缩进，适合显示代码、诗歌或需要严格排版的文本。
基本用法：
html<pre>function hello() {console.log("Hello, world!");}</pre>
效果：
function hello() {console.log("Hello, world!");}
关键特性：
保留格式：空格、换行和缩进按原样显示。
等宽字体：默认使用等宽字体(如Courier)，确保对齐。
转义字符：需用<和>表示<和>，避免被解析为HTML标签。
结合<code>标签(推荐用于代码)：
html<pre><code>if (x > 0) {alert("Positive");}</code></pre>
二、HTML中<p>标签的作用
<p>(Paragraph)标签定义段落，是文本内容的基本容器，自动在段落前后添加外边距(margin)。
基本用法：
html<p>这是第一个段落。</p><p>这是第二个段落，与上一段落有默认间距。</p>
关键特性：
块级元素：独占一行，前后自动换行。
默认样式：浏览器通常添加margin-top和margin-bottom(约1em)。
嵌套限制：不可直接嵌套块级元素(如<div>)，但可包含行内元素(如<span>、<a>)。
示例：
html<p>这是一个段落，包含<strong>加粗文本</strong>和<a href="#">链接</a>。</p>
通过合理使用这两个标签，可以清晰区分代码展示与普通文本排版。
在HTML中，<pre> 标签用于定义预格式化的文本。这意味着在浏览器中显示时，文本会保留空格、缩进和换行，就像在文本编辑器中那样。这对于显示源代码片段、诗歌或任何需要保持原有格式的文本非常有用。
