HTML 段落

段落总是从新行开始，并且通常是一个文本块。

HTML 段落

HTML<p>元素定义一个段落。段落始终以新行开始，浏览器会自动在段落前后添加一些空白（边距）。

例子

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML显示

您无法确定 HTML 将如何显示。大或小屏幕以及调整大小的窗口都会产生不同的结果。对于 HTML，您无法通过在 HTML 代码中添加额外的空格或额外的行来更改显示。当页面显示时，浏览器会自动删除任何多余的空格和行：

例子

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

HTML 水平规则

该<hr>标签定义 HTML 页面中的主题中断，并且通常显示为水平规则。该<hr>元素用于分隔 HTML 页面中的内容（或定义更改）：

例子

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

该<hr>标签是一个空标签，这意味着它没有结束标签。

HTML 换行符

HTML<br>元素定义换行符。 <br>如果您想要换行（新行）而不开始新段落，请使用：

例子

<p>This is<br>a paragraph<br>with line breaks.</p>

该<br>标签是一个空标签，这意味着它没有结束标签。

诗的问题

这首诗将显示在一行上：

例子

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

解决方案 - HTML

 元素

HTML<pre>元素定义预格式化文本。元素内的文本<pre>以固定宽度字体（通常是 Courier）显示，并且保留空格和换行符：

例子

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>