当前位置:首页>HTML>HTML教程>HTML段落

HTML段落

作者:微学网发布时间:2019-08-20 10:03:11

什么是HTML段落

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

实例

段落是通过<p>标签定义的。

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

注意:浏览器会自动地在段落的前后添加空行。(<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:

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

上面的示例适用于大多数浏览器,但不依赖于它。

忘记结束标记可能会产生意外结果或错误。

更严格的HTML版本(如XHTML)不允许您跳过结束标记。

HTML换行符

HTML <br>元素定义换行符。

如果您想要换行(新行)而不启动新段落,请使用<br>

<p>This is<br>a para<br>graph with line breaks</p>

<br>元素是一个空的HTML元素。它没有结束标记。

诗歌问题

这首诗将显示为一行:

<!DOCTYPE html>
<html>
<body>
<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>
</body>
</html>

HTML <pre>元素

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>