HTML 段落

HTML 段落 (Paragraphs) 是通过 <p> 标签来定义的。段落是网页上最基本的文本组织单位。

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

浏览器的处理方式

浏览器会自动在段落的前后添加一些空白（外边距，margin）。这使得段落之间在视觉上能够清晰地分开，提高了文本的可读性。

你无法通过在 HTML 源代码中添加额外的空格或换行来改变段落的显示效果。浏览器会自动移除源代码中多余的空格和换行符。所有连续的空白字符（空格、换行、制表符）在显示时都会被合并成一个单一的空格。

示例:

下面这段 HTML 代码在浏览器中看起来和上面的例子是完全一样的：

<p>
    这是一个段落。
    无论我在源代码里写多少换行，
    浏览器都会把它们合并。
</p>

<p>这是另一个段落。</p>

水平线 <hr>

<hr> 标签 (Horizontal Rule) 用于在 HTML 页面中创建一条水平线。它通常被用来表示内容主题的转换或分隔。

<hr> 是一个空元素，它没有结束标签。

<h1>HTML</h1>
<p>HTML 是构建网页的标准标记语言。</p>

<hr>

<h1>CSS</h1>
<p>CSS 用于为网页添加样式。</p>

在视觉上，它会呈现为一条贯穿其容器的水平线。

换行 <br>

<br> 标签 (Line Break) 用于插入一个强制换行。

如果你希望在一个段落内部或者其他地方强制开始一个新行，而不是开始一个全新的段落，就可以使用 <br>。

<br> 也是一个空元素。

<p>这首诗<br>分成了<br>好几行。</p>

注意: <p> 标签用于定义一个语义上的“段落”，而 <br> 仅仅是一个视觉上的“换行”。不要滥用 <br> 来增加段落间的间距，这种需求应该通过 CSS 的 margin 属性来实现。

<pre> 标签与预格式化文本

如果你希望保留文本中的所有空白（包括空格、缩进和换行），可以使用 <pre> 标签。

<pre> 元素中的文本会以等宽字体显示，并且保留其原始的格式。

<pre>
  春晓
    孟浩然
  春眠不觉晓，
  处处闻啼鸟。
</pre>

这对于显示代码示例或 ASCII 艺术等需要精确格式控制的内容非常有用。