3.4 段落标记

在网页中如果要把文字有条理地显示出来,离不开段落标记的使用。在HTML中可以通过标记实现段落的效果。

3.4.1 段落标记p

<p>是HTML文档中最常见的标记,<p>用来起始一个段落。

语法:

image060_3

说明:

段落标记可以没有结束标记</p>,而每一个新的段落标记开始的同时也意味着上一个段落的结束。

举例:

image060_4

在代码中加粗部分的代码标记为段落标记,align="right"是设置段落为右对齐,align="center"是设置段落为居中对齐,在浏览器中预览,可以看到将文本成功地分段,效果如图3.15所示。

image061_2

图3.15 段落效果

在网页制作的过程中,将一段文字分成相应的段落,不仅可以增加网页的美观性,而且使网页层次分明,让浏览者感觉不到拥挤,如图3.16所示。

image061_3

图3.16 段落应用

3.4.2 换行标记br

换行标记<br>的作用是在不另起一段的情况下将当前文本强制换行。

语法:

image061_4

说明:

一个<br>标记代表一个换行,连续的多个标记可以实现多次换行。

举例:

image061_5

在代码中加粗部分的代码标记为设置换行标记,在浏览器中预览,可以看到换行的效果,如图3.17所示。

image062_2

图3.17 换行效果

image03提示

<br>是惟一可以为文字分行的方法。其他标记如<p>,可以为文字分段。

3.4.3 不换行标记nobr

在网页中如果某一行的文本过长,浏览器会自动对这段文字进行换行处理。可以使用nobr标记来禁止自动换行。

语法:

image062_3

说明:

在标记之间的文字在显示的过程中不会自动换行。

举例:

image063_1

在代码中第3行文字加粗部分的代码标记为不换行标记,在浏览器中预览,可以看到文字不换行的效果,如图3.18所示。

image063_2

图3.18 不换行效果