W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML 段落



HTML 可以将文档分割为若干段落。


HTML 段落

HTML <p> 定义了一个 段落

Example

<p>This is a paragraph</p>
<p>This is another paragraph</p>
尝试一下 »
Note 浏览器自动在段落前后添加一些空白。

HTML 显示

您无法确定HTML将如何显示。

大屏幕或小屏幕以及当前窗口的大小将导致不同的结果。

使用HTML,您不能通过在HTML代码中添加额外的空格或额外的行来更改输出。

浏览器将在显示页面时删除多余的空格和多余的行。

任何数量的空格和任意数量的新行,只能计为一个空格。

Example

<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 显示出来:

Example

<p>This is a paragraph
<p>This is another paragraph
尝试一下 »

上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。

忘记使用结束标签会产生意想不到的结果和错误。

Note 在未来的 HTML 版本中,不允许省略结束标签。

HTML 折行

HTML <br> 元素定义了一个 折行.

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br> 标签:

Example

<p>This is<br>a para<br>graph with line breaks</p>
尝试一下 »

<br> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。


关于诗的问题

这首诗将显示成一整行:

Example

<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 <pre> 元素

HTML <pre> 元素定义了预格式化文本。

The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks:

Example

<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>
尝试一下 »

HTML 标签手册

W3Schools 标签参考包含HTML元素及其属性的更多信息。

标签 描述
<p> 定义文本
<br> 插入单行中断
<pre> 定义预格式化文本