文字小技巧

作者：未知来源：未知添加时间：2006-5-21 10:09:42

在HTML中控制文字是一件困难的事情，因为使用者可以在浏览器内设定他的个人文字表现偏好，身为一个网页设计师，您又如何能确定在网页上的文字表现是您想要的。
　　幸运的，有些设定您可以做。第一，别忘了您的基本标签：<H1> -- <H6>标题标签；<BIG>和标签可控制文字语句变成较大或较小的字型；和标签是用在上下标；（或）标签是用在粗体字；（或 ）标签是控制斜体字。

　　您也可以在<BODY>标签内加入很多的资讯。例如：基本的文字或链结颜色，而标签让您控制－－以某种程度－－各别文字字体的大小、颜色或字型。我们的小秘笈会告诉您如何设定这些效果。如果您对我们这里介绍的这些标签，希望了解更深入一点，请参考W3C文字字体HTML规格明细。

1、设定字型大小
　　设定字型大小很简单：只要使用标签的SIZE属性，依据您想要的字型大小，设定从1到7中的任一数值，这些数值并不能转换成像素、点数或任何一般衡量文字尺寸的数值，但一般在网页上所看到的字型大小，浏览器内定值为3。若要将字型大小增加到5，只需在SIZE属性设定如下：

文字字型大小为5

您将可以看到：

文字字型大小为5

　　但是假如您不知道浏览者文字内定大小值为多少？您也不会知道属性5的文字大小比正常值大或是小。若您的目标是想将某堆文字，变得比同页其它文字大或小，可以将字型大小值再加上「+」或「-」：

这个文字大小比浏览器内定值小一阶

你可以看到

这个文字大小比浏览器内定值小一阶

　　不管阅读者浏览器的内定值是多少，在标签之间的文字现在都将会小一阶。

　　假如您想要控制整份文件的基本字型，您可以用<BASEFONT>标签的SIZE属性，例如要设定整份文件的文字大小为4，可以将下列指令放在<BODY>标签之后：

<BASEFONT SIZE="4">

在本篇文章中，所有文字大小都是4，除了那些在标签中另外设定的文字。

2、解决小字的问题
　　有关HTML的一个怪癖是，每次把文字设成比内定值小（不论在标签的SIZE属性设定负值，或是使用像<TT>标签把文字改成单行间格并缩小一点点），浏览器都会在文字最后一行的上面留下一行缝隙。
例如看看下面这个程序码：

<TT>有关HTML的一个怪癖是，每次把文字设成比内定值小，浏览器都会在文字最后一行的上面留下一行缝隙－－就像本例一样。</TT>

您可以解决这个问题，只要在结束标签之后加上 标签：

<TT>有关HTML的一个怪癖是，每次把文字设成比内定值小，浏览器都会在文字最后一行的上面留下一行缝隙，但当您加入一行断行的话，看！－－没有缝隙罗！</TT> 

缝隙消除了，就像这样：
有关HTML的一个怪癖是，每次把文字设成比内定值小，浏览器都会在文字最后一行的上面留下一行缝隙－－就像本例一样。
　
3、制作一个自制的色彩计划
　　<BODY>标签让您设定网页背景颜色，设定文字颜色也是用同样的规则：使用<BODY>标签的TEXT属性，设定一个16位颜色码。
　　16位颜色码将颜色以RGB（red/green/blue）方法表示；密码是以#RRGGBB的型式表示，RR相当于红色的两个数值，GG指定绿色两个数值，BB指定蓝色的两个数值。每个区都有一个由0到9数字或是由A到F字母的代表数值；这六个数值结合起来，创造了浏览器可以解读的颜色码－－范围从白色到黑色。举例而言，蓝色的16位颜色码是#0000FF，因此若要将整份文件的文字设定成蓝色，就必须在<BODY>标签加入TEXT属性及16位颜色码，像这样：

<BODY TEXT="#0000FF">我们再怎么强调也不为过：骑乘摩托车时，您应该戴安全帽。</BODY>
　　
　　用<BODY>标签，您也能设定文件文字连结的颜色，LINK、VLINK和ALINK属性，可以设定超连结的颜色码、拜访过之超连结的颜色码、有动作的连结颜色码。（一个有动作的连结是当阅读者用滑鼠按了它）举例而言，以下的标签设定淡紫色的超连结颜色码，深绿色拜访过之超连结颜色码和红紫色的滑鼠按到的连结颜色码：

<BODY LINK="#9900FF" VLINK="006600" ALINK="FF00FF">按下滑鼠<a href="linkpage.html">连结</a>可以看到它颜色的改变。</BODY>

　　假如您计算一下，16种可能的数值和6位数字结合起来，理论上有16的6次方种选择机率－－几乎是1680万种颜色。但请别费心去寻找这些全部的颜色，因为浏览器会以递色方式显示－－也就是这些真实颜色藉由许多不同颜色的像素交错配置而成，这样也会导致斑点的产生。看看琳达卫妮曼的Non-Dithering Colors by Hue颜色表，这个表提供的颜色跟大部份浏览器调色盘是相容的（请使用颜色色块上方的数字）。

4、设定特定的文字颜色
　　就像<BODY>标签一样，标签可以让您改变文字颜色。在<BODY>标签中，这个标签指令可以不受<BODY>标签指令的控制；因此（例如）您想突显整篇文章中的一些文字，使它们成为柠檬绿色，将标签放在适当文字的四周，用16位颜色码设定适当的颜色属性，像下面这样：

<BODY TEXT="#0000FF">我们再怎么强调也不为过：骑乘摩托车时，您应该戴安全帽。 </BODY>

执行结果像这样：

我们再怎么强调也不为过：骑乘摩托车时，您应该戴安全帽。

5、替颜色命名
　　假如您想以一般英文替颜色命名而不想用16位颜色码，您可以用一个颜色的英文名字，如「Black」，「Red」，「Green」来取代16位颜色码，但这种方法只对Navigator和IE3.0以上版本才有效。

<BODY TEXT="blue"> 我们再怎么强调也不为过：骑乘摩托车时，您应该戴安全帽。 </BODY>

假如您正努力使您的网站有最广大的阅读群众，建议您用一般常用的16位颜色码。

6、字型种类的设定
　　这一点是您最渴望知道的，不是吗？这里有教您设定的方法：您可以用标签的FACE属性指定一种字型或一系列的字型。假如浏览者的系统中有这些指定的字型，他们的浏览器会以你指定的顺序载入字型。（假如浏览者没有这些字型，他们的浏览器会使用自己的内定值）例如，您可以选择以下的写法：



这个程序码设定强迫Courier和Helvetica这两种字型先载入。当然，若使用大多数电脑上标准字型，您比较容易确定网页被浏览时的样子。

　　注意：标签的FACE属性还不算是HTML 3.2 specification的正式部份。它现在只能被3.0及其以上版本的浏览器支援，而且可能还有变化。

7、用图形来完全控制文字的设计
　　假如您想完全地控制文字的外观，使其达到艺术品的境界。用GIF图档来设计文字就万无一失了，因为没有任何人能改变您的图形。但它最明显的缺点是浏览者必须等待图象的载入，就像是等待任何图形元件载入一样。若使用者在浏览器上停止图象载入，他们就无法看到您的作品了。（制作网页时，请确认有加入下载图片时，替代文字的设定，使这些浏览者在错过您的漂亮文字时，至少他们知道您在讲什么？）假如您的文字必需以某种方式呈现，那么您别无选择，只能以GIF图档代替文字；此时只要使您的文字图形愈小愈好－－例如，别把您整篇文章转成图象档。

8、其它特殊文字的程序码
　　您是否也曾在键盘上找不到?（注册商标）这个符号？是否您也曾在没有浏览器的时候，想要使用小于的符号（<）做为HTML标签的开端呢？这些特殊文字的程序码就是答案。
　　看看马丁罗姆西斯的iso8859-1 (Latin-1) 表格列出了HTML程序能解读的特殊文字程序码。有两组的程序码供您使用；数字编码和名称编码。这两组编码都能被所有的浏览器接受，所以您选择一组您习惯用的编码方式吧！例如®和®是商标符号（?）的程序码，而<和<是小于符号（<）的程序码。这个清单包含非常广范－－您可以找到分数符号（?）的程序码，也可以找到（t）符号的程序码。

　　也许最有用的特殊文字程序码是空白键码（或）。您可以用空白键的方式，不需要将整段文字预设格式或者将文字、图象其它元件缩排几个空格。您也可以使用它们在表格栏位当中当作为占位符号。

上一篇：对连串英文自动换行的解决方法
下一篇：精雕细琢你的主页

站内搜索