下载掌阅APP，畅读海量书库
立即打开
在网页中如果要把文字有条理地显示出来，离不开段落标记的使用。在HTML中可以通过标记实现段落的效果。
<p>是HTML文档中最常见的标记，<p>用来起始一个段落。
语法：
<p>段落文字<p>
说明：
段落标记可以没有结束标记</p>，而每一个新的段落标记开始的同时也意味着上一个段落的结束。
举例：
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>段落</title>
</head>
<body>
不敢相信竟敢输掉这场西洋棋<p align="right">
这属于我俩爱情斗智的游戏<p align="center">
我是国王而你是对面那个beauty queen
<p>各自捍卫着外面的柏拉图是爱情<p>
</body>
</html>
在代码中加粗部分的标记为段落标记，align="right"是设置段落为右对齐，align= "center"是设置段落为居中对齐，在浏览器中预览，可以看到将文本成功地分段，如图2.6所示。
图2.6 段落效果
在网页制作的过程中，将一段文字分成相应的段落，不仅可以增加网页的美观性，而且使网页层次分明，让浏览者感觉不到页面拥挤，如图2.7所示。
图2.7 段落应用
换行标记<br>的作用是在不另起一段的情况下将当前文本强制换行。
语法：
<br>
说明：
一个<br>标记代表一个换行，连续的多个标记可以实现多次换行。
举例：
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>换行标记</title>
</head>
<body>
我们的优势是高效率，良好的品质和具有竞争力的价格。<br>公司视质量为生命，为客户提供高效服务，以实现买卖双方达到双盈为目的，在客户中建立了良好的信誉。<br>在这个给人们带来欢乐的阳光行业中，我们相信我们的合作能让我们彼此感到欢乐和获得更好的利益。<br>热诚欢迎广大中外客户来我公司洽谈业务，联手合作，共创美好的明天！
</body>
</html>
在代码中加粗部分的标记为设置换行标记，在浏览器中预览，可以看到换行的效果，如图2.8所示。
图2.8 换行效果
提示
<br>是惟一可以为文字分行的方法。其他标记如<p>，可以为文字分段。
在网页中如果某一行的文本过长，浏览器会自动对这段文字进行换行处理。可以使用nobr标记来禁止自动换行。
语法：
<nobr>不换行文字</nobr>
说明：
在标记之间的文字在显示的过程中不会自动换行。
举例：
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>不换行标记</title>
</head>
<body>
<p>公司视质量为生命，为客户提供高效服务，以实现买卖双方达到双盈为目的，在客户中建立了良好的信誉。</p>
<p>在这个给人们带来欢乐的阳光行业中，我们相信我们的合作能让我们彼此感到欢乐和获得更好的利益。</p>
<p><nobr>公司视质量为生命，为客户提供高效服务，以实现买卖双方达到双盈为目的，在客户中建立了良好的信誉。
在这个给人们带来欢乐的阳光行业中，我们相信我们的合作能让我们彼此感到欢乐和获得更好的利益。</nobr> </p>
</body>
</html>
在代码中加粗部分的标记为不换行标记，在浏览器中预览，可以看到文字不换行的效果，如图2.9所示。
图2.9 不换行效果