大多数时候文字的版面处理并非上一章介绍的那样简单。对于处理文字的更多要求，比如居中显示，段落的编排等等，就需要用下面介绍的更多文字的编排方式来满足。
1.单行显示
与换行标记“
”对应的还有一个标记，为“<nobr>”标记，它的作用是强制性不换行，不管浏览器窗口多大，都只以一行显示。
在浏览器中打开这个网页，其效果如图2-1所示。
图2-1 强制不换行
可以看到，上面的代码分别对同一段文字做了不同的设置，前面一段按照浏览器的默认方式显示，随着窗口的大小变动，文字也会自动跟着换行显示；而后面一段则采用了“<nobr>”标记，不管窗口大小如何变动，它都只以一行来显示文字。
2.居中显示
如果对文字显示在浏览器中的位置不加以限定，浏览器就会以默认的方式来显示文字的位置，即从靠左的位置开始显示文字。但在实际应用中，可能需要在窗口的正中间开始显示文字，这时就需要另一个HTML标记来完成。
在浏览器中打开这个网页，其效果如图2-2所示。
图2-2 居中显示
“<center>”为居中对齐标记，它的作用是将文字以居中对齐的方式显示在网页中。
3.段落缩进
对段落进行缩进是文字排版中的惯例，在HTML中，我们不仅可以用“<p></p>”标示段落，也可以根据需要对个别字段进行缩进显示。
在浏览器中打开这个网页，其效果如图2-3所示。
图2-3 段落缩进
“<blockquote>”为右缩进标记，它的作用是将某段文字以向右缩进的方式显示。
小贴士
该标记也用一段空白行加以间隔，同时它不能与“<center>”标记嵌套使用。
4.原始版面的显示
当遇到有特定格式的文字时，用前面介绍的那些简单的文字排版标记逐个调整就显得很复杂了。能否有标记能够保留文本原来的格式呢？先来看下面的例子。
在浏览器中打开这个网页，其效果如图2-4所示。
图2-4 原始版面显示
在该实例中并没有加入“ ”“
”“<p>”等标记，但是显示的结果却与HTML文件中的原始的版面相似。这就是“<pre></pre>”标记，即原始版面标记，在HTML文件中所采用的文件版面都原样显示在浏览器中。在这个标记里回车，空格都是有效的。能保持文本原始排版效果的标记还有“<xmp></xmp>”。
5.制作滚动字幕
滚动字幕在网页制作中非常有用，主要用于一些消息发布。它可以让网页更加生动活泼，并可以体现出一种即时性。滚动字幕常常由其他一些脚本语言编程完成，可现在我们还没学任何脚本语言。所幸这种特效并不是只能由一些深奥的语言才能制作，用HTML中的“<marquee>”标记照样能实现。
在浏览器中打开这个网页，其效果如图2-5所示。
图2-5 滚动新闻
代码中的标记“<marquee></marquee>”，它的作用就是控制滚动的。只要通过对其属性的设置就能做出多种滚动样式。上面代码中的“bgcolor”“direction”“behavior”“height”“width”“hspace”“scrollamount”“scrolldelay”“vspace”“loop”都是“<marquee>”的属性。这些属性的含义如下：
bgcolor：背景颜色，值为颜色的英文名称。
direction：滚动方向，值为left（左）、right（右）、up（上）、down（下）。
behavior：滚动方式，值为scroll（滚动）、slide（滑动）、alternate（摆动）。
height：滚动对象的高度，值为数字（单位为像素）。(www.xing528.com)
width：滚动对象的宽度，值为数字（单位为像素）。
hspace：滚动对象到背景左右空白区域的宽度，值为数字（单位为像素）。
scrollamount：设定滚动速度，值为数字（数字越大，速度越快）。
scrolldelay：两次滚动之间的延迟时间，值为数字（数字越大，时间越长）。
vspace：滚动对象到背景上下空白区域的高度，值为数字（单位为像素）。
loop：滚动次数，值为数字（-1表示一直滚动，直到页面更新）。在“<marquee>”标记中一样可嵌套其他标记来控制滚动对象的显示。
小贴士
在“<marquee>”标记中，换行只能用“
”标记，而不能用“<p>”标记。
6.标记属性的应用
通过以上实例的应用，我们对文字的版面编辑已经有了一个基本的认识。到目前为止，只是通过标记对文字进行编辑。但版面编辑并不仅仅如此，还可以利用一些属性更加灵活地编辑网页文字。是什么属性呢？就用下面的实例来说明一下。
（1）段落位置的控制
文字编辑中，我们经常需要用到段落的居中、居左或者居右，这在Word等文本处理工具中可以轻易实现。HTML中能否实现，又是怎样做的呢？
在浏览器中打开这个网页，其效果如图2-6所示。
图2-6 段落对齐方式
在上面这个实例中可以看到依然使用的是“<p>”标记，只不过在该标记内加入了属性的控制，如“align="center"”“align="left"”“align="right"”。“align”就是一个属性，它的作用是控制该标记所包含文字的显示位置，“center”“left”“right”就是该属性的属性值，用于指明该属性应以什么样的方式来进行控制。
在大多数HTML标记中都可以加入属性控制，属性的作用是帮助HTML标记进一步控制HTML文件的内容，比如内容的对齐方式（上面实例），文字的大小、字体、颜色，网页的背景样式，图片的插入等等。其基本语法为：<标记名称 属性名1=属性值1 属性名2=属性值2….> </标记名称>。
如果一个标记里使用了多个属性，各个属性之间以空格来间隔开，其中设置属性值的引号是可以省略的，但不建议初学者省略它。不同的标记可以使用相同的属性，但某些标记有着自己专门的属性设置。下面就通过几个实例来使大家加深对属性的理解并学会运用。
（2）网页背景的设置
在前面第一章中我们曾经学过“<body>”标记，它除了作为形式上的标记外，还可以控制网页的背景以及文字字体的颜色。
在浏览器中打开这个网页，其效果如图2-7所示。
图2-7 BODY标记的属性
这里引用的是与本HTML文件在同一个文件夹下，名为“body.gif”的图片，通过“<body>”标记的“background”属性来设置网页的背景图像。通过“<body>”标记的“text”属性来设置网页的文字颜色。除了以上的两个属性“background”和“text”之外，“<body>”标记还有一个“bgcolor”属性，用来设定网页的背景颜色。
（3）水平分隔线标记及其相关属性
一些简历、公文或者其他文档需要在指定的位置画一条水平分隔线，现在我们就用HTML把它画出来。
在浏览器中打开这个网页，其效果如图2-8所示。
图2-8 水平分隔线
“<hr>”为水平分隔线标记，该标记可单个使用，使用它可以在网页上划出一条水平线，用以分别不同的文字段落或其他网页组件。在“<hr>”标记中，属性不用全部设置，而是根据需要选择某些属性进行设置，未设置的属性浏览器将以默认方式显示。
“<hr>”标记的相关属性介绍如表2-1所示。
表2-1 “<hr>”标记的属性介绍
对于没有属性值的属性来说，只要直接在标记中加入该属性名即可。
（4）属性的就近原则
当HTML中的文字有许多个标记管辖时，这段文字究竟该听哪个标记的呢？
在浏览器中打开这个网页，其效果如图2-9所示。
图2-9 属性的就近原则演示
在上面的实例中，分别利用“<body>”标记中的“text”属性来设置网页中的文字显示为蓝色，同时也利用了“<font>”标记中的“color”属性来设置文字显示为黑色。从上面的图中可以看出，虽然两个属性都是控制文字颜色的，但只有“<font>”标记中的文字才显示为黑色，而“<font>”标记之外的文字则显示为蓝色。这就是就近显示的原则。当出现两个属性同时控制网页中相同的组件时，组件离哪个标记近，就由哪个标记的属性来控制。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
