2.8 段落标签、换行标签及不换行标签

在网页中对文本段落进行排版时，段落使用<p>标签，换行使用<br/>标签，不换行使用<nobr>标签。

2.8.1 段落标签

段落标签即<p>标签，<p>开始和</p>结束之间的内容形成一个段落。

【例2-8】（实例文件：ch02\Chap2.8.html）段落标签。

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>段落</title>
      </head>
      <body>
      <p>天平公平的时候很少,不公平的时候很多,但它依旧真实.</p>
      <p>什么是公平,什么是不公平？</p>
      <p>公平不公平本是没有界限的,也许大家当初的起点相同,但历经磨炼和痛苦之后的终点岂止是相差十万八千里呢</p>
      </body>
      </html>

相关的代码实例请参考Chap2.8.html文件，在IE浏览器中运行的结果如图2-12所示。

图2-12 段落标签

2.8.2 换行标签

换行标签<br/>是一个单标记，它没有结束标签，作用是将文字在一个段内强制换行。一个<br/>标签代表一次换行，连续的多个<br/>标签表示多次换行。使用时，只需在要换行的位置添加即可。

【例2-9】（实例文件：ch02\Chap2.9.html）换行标签。

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>换行</title>
      </head>
      <body>
      一位哲人曾经说过：<br/>"人生最大的悲剧莫过于,人们毕其一生的时间,努力去攀登成功的梯子,<br/>当爬到梯子的顶部时,才猛然发现,这个梯子靠在了一个错误的建筑上."
      <br/>倘若目标错了,那么无论你在梯子上攀登得多快,攀登得多高,<br/>哪怕是第一个到达目的地也毫无价值.<br/>攀上正确的梯子,才是最为重要的事情.
      </body>
      </html>

相关的代码实例请参考Chap2.9.html文件，在IE浏览器中运行的结果如图2-13所示。

图2-13 换行标签

2.8.3 不换行标签

在网页排版中，如文章列表、标题排版时，无论多少文字均不希望换行显示，需要强制在一行显示内容，这时就需要使用不换行标签<nobr>来实现。不换行内容放入<nobr>与</nobr>之间即可。如不遇到<br/>换行标签，内容在一行显示完，如遇到<br/>换行标签，内容将在加<br/>换行自动换行。

【例2-10】（实例文件：ch02\Chap2.10.html）不换行标签。

相关的代码实例请参考Chap2.10.html文件，在IE浏览器中运行的结果如图2-14所示。

图2-14 不换行标签

上一章目录下一章