排版标签详解
HTML的排版不同于Word的直观排版概念,它不是所见即可得的。但是,最终追求的结果是一样的:令终端页面的外观像我们预设的一样显示出来。
在支持HTML论坛里,排版可分为常规排版和非常规排版两种,后者属于较为高深的内容,出于学习的循序渐进要求,我们在本节只介绍常规排版。
一、格式预设:<pre>内容</pre>
这是非常有用的一个标签,它可以使得最终显示效果以原始格式实现。请看以下代码和效果:
代码:
<pre>
1236
-1207
--------
29
</pre>
效果:
1236
-1207
--------
29
论坛里,有时我们需要精确地对齐某些元素,pre标签能够帮上大忙,它能令效果比在“设计”模式下用空格符移动显示符号更准确。
二、对齐:align
align作为一个元素放置在相应标签里令被该标签修饰的显示单元按指定方式对齐或在图文混排时定义图片与文字的对齐方式。
先介绍前者 即被修饰单元的对齐方式。这种情形,align通常有三个值可以选择:left(左对齐)、center(居中)、right (右对齐),记作align=值。align不能独立使用,它要放在相应的标签里,如放在<table ...>里,则令表格按取值情况对齐,<table ... align=center>一句,将令表格居中;再如放在<p>标签里,则令<p>...</p>里面的内容按指定值对齐,<p laign=right>文字</p>将使“文字”右对齐。align的这种用法还可以用于<div>、<hr>等标签里。
而当align用于<img>(图像标签)里时,它所指的是图片与文字的对齐方式,其值比较多,现解释如下:
left:图片位于文字的左边。
right:图片位于文字的右边。
top:后面的文字与图片的顶站对齐。
bottom:后面的文字与图片的底部对齐。
middle:后面的文字与图片的中间对齐。
absmiddle:后面的文字与图片的绝对中间对齐。
更多的img标签里的align元素请参阅其他资讯。
三、缩进:<blockquote>
blockquote将例被修饰的对象往右边缩退,记作<blockquote>内容</blockquote>,以下效果是这样的语法实现的(用了两个缩进单位):<blockquote><blockquote>黑马在线动力……</blockquote></blockquote>
当然,你也可以用空格符号实现缩进(代码记作: ),但它只管左边的,对右边没有影响,而blokcquote标签是有的。
四、居中对齐:<center>内容</center>
这个很简单,成组使用即可,不多说什么了。
五、其他排版方式:表格
用表格来实现网页布局一直被大量使用。在论坛里发帖,有些需要居中的地方,我们不妨用用表格,它得出的效果会比用center标签好得多。试看以下例子:
为了那一夏的热烈
爱需要蛰居多久
在漫长的暗无天日的日子里
一切早已精心策划
单等风和日丽之时破土而出
而后羽化成歌
烈日下本就炽热的爱必须张扬
让正午的阳光更为燥热
让黄昏的空气鼓动起来
让爱肆无忌惮
当爱成为阳光下的风景
曾经的等待又何需忆起
如果我们将表格的边框设置为0,那么,看表将看不到,文字的居中效果就非常理想了。