HTML 段落

HTML 段落通常是一个文本块,代表了文章的一段话。

HTML 段落通常是一个文本块,代表了文章的一段话。

HTML 段落

HTML 的 <p> 元素定义了一个段落。段落总是从新行开始,浏览器会自动在段落前后添加一些空白(边距)。

一个例子

<p>这是第一段话。</p>
<p>这里是第二段话。</p>

浏览器输出 HTML 的方式

同样的 HTML 文档在大屏幕或小屏幕以及调整大小的窗口会产生不同的结果。

在 HTML 段落中,您无法通过在 HTML 代码中添加额外的空格或额外的行来更改显示。

当浏览器展示页面内容时,会自动删除任何多余的空格和行。

看下面的两首诗在浏览器中是如何显示的呢?

<p>
静夜思 
床前明月光,疑是地上霜。 
举头望明月,低头思故乡。
</p>

<p>
早发白帝城 
朝辞白帝彩云间,千里江陵一日还。 
两岸猿声啼不住,轻舟已过万重山。
</p>

你已经发现他们显示在一行上了,这并不是我们想要的。那么怎么办呢? 继续往下看

HTML 换行符

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

如果你需要在一个段落中换行,而不是重新开始一个段落,使用 <br> 就对了。

例子

<p>中国是最美的<br />我爱中国</p>

<br> 标签是一个空标签,它没有结束标签。

现在我们用 <br> 来展示以下刚刚的两首诗

<p>
  静夜思<br />
  床前明月光,疑是地上霜。<br />
  举头望明月,低头思故乡。<br />
</p>

<p>
  早发白帝城<br />
  朝辞白帝彩云间,千里江陵一日还。<br />
  两岸猿声啼不住,轻舟已过万重山。<br />
</p>

HTML <pre> 元素

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

<pre> 元素内的文本会保留空格和换行符,并以以固定宽度字体(通常是 Courier)显示,通常用来显示代码。

当然也可以用来显示我们刚刚的两首诗,如下:

<pre>
静夜思
床前明月光,疑是地上霜。
举头望明月,低头思故乡。 
</pre>

<pre>
早发白帝城
朝辞白帝彩云间,千里江陵一日还。
两岸猿声啼不住,轻舟已过万重山。
</pre>

HTML 横向分割线 <hr>

<hr> 标签在 HTML 页面作用一般是用来分割不同的主题,一般展现为水平线。

<hr> 元素用于分隔 HTML 页面中的内容(或定义更改):

<h1>中国是最美的</h1>
<p>中国是世界上最美的国家,我爱我的祖国。</p>
<hr />
<h2>中国有丰富的矿物质</h2>
<p>中国有大量的矿物质,不但储量很大,种类也很丰富,很多国家要在中国进口矿物质。</p>
<hr />

<hr> 标签是一个空标签,它没有结束标签。

HTML 标签参考

元素 含义
<p> 定义来换行
<hr> 用来分割不同的主题
<br> 插入换行
<pre> 定义预格式化的文本

如需所有可用 HTML 标签的完整列表,请访问 HTML 标签参考。