HTML中基本的文本格式
只包含单一文本的网页是很单调的,要建立一个具有吸引力的网页,你需要控制文本的大小、颜色、字体等一系列属性。在本节中,你将学习如何控制这些属性。
使用字体
<FONT>标识符在本章前部分已简单提起过,它具有三个属性:SIZE、COLOR和FACE。下面是个使用SIZE属性的例子:
<HTML>
<HEAD>
<TITLE> Font Sizes </TITLE>
</HEAD>
<BODY>
<FONT SIZE=1> I am small. </FONT>
<P>
<FONT SIZE=7> I am big! </FONT>
<P>
<FONT SIZE= +1> I am a little bigger than the base font. </FONT>
<P>
<FONT SIZE= -1> I am a little smaller than the base font. </FONT>
<P>
</BODY>
</HTML>
你可以通过在1~7间选个数来设定SIZE属性的值来指定文本的大小,1是最小的字体,而7是最大的。这是一个指定文本绝对大小的方法。另外你也可指定文本的相对大小,如果你仔细察看下面的代码,你能发现SIZE属性的值被设为+1,就告诉浏览器以比基本字体大一号的字体来显示文本。
基本字体的大小由<BASEFONT>标识符来指定,你也可以不使用这个标识符,如上例所示,这种情况下基本字体就由浏览器来设定。
<BASEFONT>标识符与<FONT>的用法相似,只不过<BASEFONT>对整个文件都起作用,<BASEFONT>标识符只能在文件中使用一次,并应该放置于所有<FONT>标识符之前,下面是一个使用这个标识符的例子:
<HTML>
<HEAD>
<TITLE> Base Font </TITLE>
</HEAD>
<BODY>
<BASEFONT SIZE=6>
I am big.
<P>
<FONT SIZE= +1> I am bigger! </FONT>
</BODY>
</HTML>
I am big. 将以<BASEFONT>设置的文本大小来显示。大小是6。而I am bigger! 显示出来字体要大一号,是7。
你不能保证你网页上的文本将会以你设定的绝对大小来显示,最终在浏览器上显示的文字的大小可以由用户来设定,用户有最终决定权。因此当你的网页在浏览器上显示时,所有的文本可能比你所期望的要大或小。
你可以控制你网页上的文本的颜色,这可通过设置<FONT>标识符的COLOR属性的值来完成,如下所示:
<HTML>
<HEAD>
<TITLE> Color Fonts </TITLE>
</HEAD>
<BODY>
<FONT COLOR=”GREEN”> I am green. </FONT>
<P>
<FONT COLOR=”RED”> I am red. </FONT>
</BODY>
</HTML>
在此例中,第一个句子的颜色是绿色,而第二个句子是红色。使用颜色的名字是指定文本颜色的简单方法。但是,为了保障网页在所有浏览器上的兼容性,你应当使用使用RGB值(附录D列出了所有颜色及其RGB值)
<FONT>标识符还有一个比较有用的属性FACE,使用它可以指定文本的字体,下面是一个例子:
<HTML>
<HEAD>
<TITLE> Font Face </TITLE>
</HEAD>
<BODY>
<FONT FACE=”Courier”> I am Courier. </FONT>
<P>
<FONT FACE=”Courier”> I am Arial, but if that does not work,
I am Courier. </FONT>
</BODY>
</HTML>
当在网页上显示这个HTML文件时,第一个句子的字体是Courier,而第二个句子是Arial。当然,可能会是这样的。浏览器软件在它运行的机器上尽可能的做的更好。不是所有的计算机都有某一种字体。例如,如果这台计算机上没有Arial字体,那么浏览器就会使用FACE属性指定的下一个字体,再上例中就会使用Courier字体。你可以尽可能的列出你所需要的替换字体。
对我个人而言,我经常使用<FONT>标识符,但是你应当认识到它有某些限制。当使用它时,你应当注意背景和前景的兼容性问题。
相对来说,<FONT>标识符是比较新的,在旧版的浏览器上它不会起作用。例如在Netscape Navigator 3.0上可以识别<FONT>的SIZE和COLOR属性,但却不能识别FACE属性。其他的浏览器干脆就不识别<FONT>标识符。
<FONT>标识符是当前HTML规范中的一部分,但FACE属性却不是。进一步说,在不远的将来,<FONT>标识符可能会从HTML规范中去掉,<FONT>标识符的所有功能可能会被cascading style sheets(见第七章)代替。当你使用这个有用的标识符时应该牢记这些兼容性问题。