4.1 段落排版和换行
网页的外观是否美观，很大程度上取决于其排版。在页面中出现大段的文字，通常采用分段进行规划，对换行也有极其严格的划分。本节从段落的细节设置入手，使读者学习后能利用标签自如地处理大段的文字。
4.1.1 给大段文字进行分段
简单地对文字分段常用<p></p>标签，即段落的开始用<p>，段落的结束用</p>标签。某些网页分段时省略了</p>，即作为单标签使用，因为下一段开始的<p>标签就意味上一段的结束。
— 注意：笔者不推荐把<p>当作单标签使用，这样代码不规范，易出错。
在D:\web\目录下创建网页文件，命名为p.htm，编写代码如代码4.1所示。
代码4.1 分段的设置：p.htm
<html>
<head>
<title>分段的设置</title>
</head>
<body>
<p>电影双周刊：《无间道三：终极无间》评论专题</p>
<p>落幕后刚刚开始</p>
<p>2002年岁末，神话开始。2003年秋冬，走向高潮和终极。《无间道》即自承取乎佛家理念，光明与黑暗、生存与消亡、存在与虚无纠结于混然一体，愕然分崩离析，亦是丰富兼统一的过程。有因就有果，有孽就有缘，境与相的妙处在于言诠的限度，不可道破，又不可沉默，相互依托。心音始终在，拷问自我，拷问时空。这是最好的时代，这是最坏的时代，几乎每个时代的人都在这么说。然而《维摩诘经·观众生品第七》中说：无住则无本。从身体的言行开始，经过辩难言说的层面，初步达到存有自视境界，最后不过是归结为生存的态度。在我看来，刘健明、陈永仁、韩琛、黄志诚、倪永孝、陆启昌、杨锦荣、沈澄等人其实是宿命中的镜像人物，都可以从对方身上看到自我，抗争、迸发、沉雄、挥洒，仿佛的劫数、扭曲的生命，于是乎“无间道”。</p>
<p>顾准说从理想主义到经验主义，王小波说要警惕僭主和英雄，谁是英雄？他们从哪里来？他们来了又怎样？我们这个时代还要不要英雄？我在编辑这期E论坛时，有一些欣慰，从文字中可以看出大家都在思考，毕竟我们不再是盲从的一代。在我看来，娱乐从来就不仅仅是娱乐本身，从一滴水、一朵花、一粒沙可以看到一个世界，从一场电影中我们想到的注定更多，理解定可变奏无穷。我们每个人就构成了这个世界，无论这个世界是好是坏，我们都有份。我们每个人都有自己的生活，都有优点都有缺点，这是我们共同进步的基础。</p>
</body>
</html>
在浏览器地址栏输入，浏览效果如图4.1所示。
图4.1 分段的设置
通过<p></p>标签的分段，大段的文字排版井井有条。
4.1.2 给文字加入空格
仔细观察图4.1，图中的分段感觉有点别扭，因为每段开始没有字符空格。
— 说明：按中文写作习惯，段落的首行须空格2个中文字符。
前面章节学习过，在HTML代码中直接用键盘敲击空格键，是无法显示在页面上的。HTML使用“ ”表现1个空格字符（英文的空格字符）。由于1个中文字符占两个英文字符的宽度，所以在段落的首行开头加上4个“ ”字符，修改p.htm的代码如代码4.2所示。
代码4.2 空格符的设置：p.htm
<html>
<head>
<title>分段的设置</title>
</head>
<body>
<p>电影双周刊：《无间道三：终极无间》评论专题</p>
<p>落幕后刚刚开始</p>
<p> 2002年岁末，神话开始。2003年秋冬，走向高潮和终极。《无间道》即自承取乎佛家理念，光明与黑暗、生存与消亡、存在与虚无纠结于混然一体，愕然分崩离析，亦是丰富兼统一的过程。有因就有果，有孽就有缘，境与相的妙处在于言诠的限度，不可道破，又不可沉默，相互依托。心音始终在，拷问自我，拷问时空。这是最好的时代，这是最坏的时代，几乎每个时代的人都在这么说。然而《维摩诘经·观众生品第七》中说：无住则无本。从身体的言行开始，经过辩难言说的层面，初步达到存有自视境界，最后不过是归结为生存的态度。在我看来，刘健明、陈永仁、韩琛、黄志诚、倪永孝、陆启昌、杨锦荣、沈澄等人其实是宿命中的镜像人物，都可以从对方身上看到自我，抗争、迸发、沉雄、挥洒，仿佛的劫数、扭曲的生命，于是乎“无间道”。</p>
<p> 顾准说从理想主义到经验主义，王小波说要警惕僭主和英雄，谁是英雄？他们从哪里来？他们来了又怎样？我们这个时代还要不要英雄？我在编辑这期E论坛时，有一些欣慰，从文字中可以看出大家都在思考，毕竟我们不再是盲从的一代。在我看来，娱乐从来就不仅仅是娱乐本身，从一滴水、一朵花、一粒沙可以看到一个世界，从一场电影中我们想到的注定更多，理解定可变奏无穷。我们每个人就构成了这个世界，无论这个世界是好是坏，我们都有份。我们每个人都有自己的生活，都有优点都有缺点，这是我们共同进步的基础。</p>
</body>
</html>
在浏览器地址栏输入，浏览效果如图4.2所示。
图4.2 空格符的设置
段落已经初步成形了，空格已经表现了出来。读者可以在段落中任意加上空格符测试。
4.1.3 设置文字换行与不换行
图4.1看上去已经没有问题了，当文字到达浏览器的边界后将自动换行。但是当调整浏览器的宽度时，文字换行的位置也相应发生变化，格式显得相当混乱。为了规范格式，读者应该在编写代码时在需要换行的位置用单标签<br />标签强制换行。反之，不需要换行的部分用双标签<nobr></nobr>包含。修改p.htm代码如代码4.3所示。
代码4.3 换行的控制：p.htm
<html>
<head>
<title>分段的设置</title>
</head>
<body>
<p>电影双周刊：《无间道三：终极无间》评论专题</p>
<p>落幕后刚刚开始</p>
相关文章
精彩导读
热门资讯
关注我们
