2.3　段落

在实际的文本编码中，在输入一段文字后，按下键盘上的Enter键就生成了一个段落，但是在HTML5中需要通过标签来实现段落效果，下面具体介绍和段落相关的一些标签。

2.3.1　段落标签

在HTML5中，段落效果是通过<p>标签来实现的。<p>标签会自动在其前后创建一些空白，浏览器会自动添加这些空间。

<p>标签的语法格式如下：

其中，可以使用成对的<p>标签来包含段落，也可以使用单独的<p>标签来划分段落。

接下来，使用<p>标签实现对明日学院的介绍。首先结合特殊文字符号将“明日学院，专注编程教育十八年”放入<p>标签中，然后将明日学院的具体介绍内容分别放在<p>标签中，最后结合特殊符号将明日学院的网址放入底部的<p>标签中。具体代码如下：

执行上面的代码，效果如图2.9所示。

2.3.2　段落的换行标签

段落与段落之间是隔行换行的，这样会导致文字的行间距过大，这时可以使用换行标签来完成文字的紧凑换行显示。

换行标签的语法格式如下：

其中，<br/>标签代表换行，如果要多次换行，则可以连续使用多个换行标签。

接下来，巧用<br/>换行标签，实现唐诗《望庐山瀑布》的网页布局。通常可以使用多个<p>段落标签达到换行的目的，也可以使用<br/>换行标签，在<p>段落标签内部进行换行。具体代码如下：

执行上面的代码，效果如图2.10所示。

运行后会出现如图2.11所示的网页效果。

2.3.3　段落的原格式标签

在网页制作中，一般是通过各种标签对文字进行排版的。但在实际应用中，往往需要一些特殊的排版效果，此时使用标签控制会非常麻烦。原始排版标签<pre>就可以解决这个问题。

<pre>标签的语法格式如下：

接下来，利用<pre>原始排版标签实现一个“元旦快乐”的字符画。<pre>原始排版标签可以保留代码中的原始文字格式，利用此特性，可以通过键盘上的特殊符号绘制多种多样的字符画。本实例使用键盘上的o键，绘制了一幅“元旦快乐”的字符画。具体代码如下：

执行上面的代码，效果如图2.12所示。