轻松上手,快乐学习!

HTML 段落


可以把 HTML 文档分割为若干段落。段落总是从新行开始,通常是一个文本块。


HTML 段落

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

浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)

实例

<p>这是一个段落。</p>
<p>这是另一个段落。</p>
亲自试一试 »

注释: 使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它!(但是不要用 <br /> 标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)


HTML 水平线

<hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。

<hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化):

实例

<h1>这是标题 1</h1>
<p>这是一些文字。</p>
<hr>
<h2>这是标题 2</h2>
<p>这是一些其他的文本。</p>
<hr>
亲自试一试 »

<hr> 标记是空标记,这意味着它没有结束标记。


HTML 换行符

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

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

实例

<p>这是一个<br>段落<br>有换行符。</p>
亲自试一试 »

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


诗歌问题

这首诗将显示在一行上:

实例

<p>
  白日依山尽,

  黄河入海流。

  欲穷千里目,

  更上一层楼。
</p>
亲自试一试 »

解决方案 - HTML <pre> 元素

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

<pre> 元素中的文本以固定宽度字体显示(通常为 Courier),并保留空格和换行符:

实例

<pre>
  白日依山尽,

  黄河入海流。

  欲穷千里目,

  更上一层楼。
</pre>
亲自试一试 »

HTML 实验

学习训练

练习题:

使用正确的 HTML 标记添加文本为"Hello World!"的段落。

<html>
<body>

</body>
</html>

开始练习


HTML 标签参考手册

标签 描述
<p> 定义一个段落
<hr> 定义内容中的主题更改
<br> 插入单个折行(换行)
<pre> 定义预格式化文本

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