HTML段落



HTML 段落

HTML <p> 元素定义一个段落,例如:

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

让我试试

注意:浏览器在段落前后自动添加一些空白(边距)。


HTML 显示

你不能确定HTML是如何显示。

或大或小的屏幕,并调整窗口将产生不同的结果。

在HTML中,你不能在你的HTML代码中添加额外的空格和空行来改变输出。

当页面显示时,浏览器将移除任何额外的空间和额外的线条,例如:

<p>
这是一个段落
在源码中包含很多行,
但是浏览器会忽略它们。
</p>

<p>
这是一个段落
在源码中包含很多空格,
但是浏览器会忽略它们
</p>

<p>
 段落的行数依赖浏览器窗口的大小,如果浏览器的窗口大小变化了行数也会变化。
</p>

让我试试

不要忘记结束标签

大多数浏览器都能正确显示即使你忘记结束标签,例如:

<p>这是一段落。
<p>这是一段落。
<p>这是一段落。

<p>别忘了关闭你的HTML标签!</p>

让我试试

上面的例子将适用于大多数浏览器,但不要依赖于它.

注意:丢弃结束标签会产生意外的结果或错误。


HTML换行

HTML <br> 元素定义了一个换行。

使用 <br> 如果你想换行(新行),而不需要开始一段新的段落,例如:

<p>这是<br>段落<br>使用br换行</p>

让我试试

<br> 标记是空标签,这意味着它没有结束标记..


这首诗的问题

这首诗将显示在一行,例如:

<p>在HTML中空格和换行被忽略:</p>

<p>

  白日依山尽,

  黄河入海流。

  欲穷千里目,

  更上一层楼。

</p>

让我试试

HTML <pre>元素

HTML <pre> 元素定义预处理格式化文本.

元素中的文本以固定宽度字体显示,并且保留空格和换行符,例如:

<pre>
  白日依山尽,

  黄河入海流。

  欲穷千里目,

  更上一层楼。
</pre>

让我试试

HTML 标签参考

编程字典的标签参考包含HTML元素及其属性的更多信息。

标签 描述
<p> 定义一个段落
<br> 插入一个水平线
<pre> 定义预格式化的文本