HTML 段落与换行

<p> — 段落

<p> 标签定义一个段落。浏览器会自动在段落前后添加间距：

<p>这是第一段。HTML 段落是块级元素，每个段落独占一行。</p>
<p>这是第二段。段落之间会有默认的上下间距。</p>

段落内可以包含行内元素（如链接、强调文字），但不能包含块级元素（如 <div>、另一个 <p>）：

<p>这是一段包含 <a href="#">链接</a> 和 <strong>加粗文字</strong> 的段落。</p>

<br> — 换行

<br> 是一个空元素，在文字中插入一个换行（line break）：

<p>
  静夜思<br>
  床前明月光，<br>
  疑是地上霜。
</p>

<hr> — 水平线

<hr> 绘制一条水平分割线，表示内容的主题转换：

<p>上一节的内容到此结束。</p>
<hr>
<p>从这里开始是另一个话题。</p>

<hr> 是语义化标签——它不仅仅是视觉上的线条，更代表内容的段落级分隔。不要用 <hr> 来当装饰线，那应该用 CSS border 实现。

<pre> — 预格式化文本

<pre> 会保留文本中的所有空格和换行，并以等宽字体显示：

<pre>
  function hello() {
    console.log("Hello, world!");
  }
</pre>

它通常用于展示代码块或 ASCII 艺术。与 <code> 组合使用效果更好——<pre> 保留格式，<code> 标记代码语义。