Posted: 2004/11月/16 12:30下午 | IP记录
|
|
|
HTML中基本的文本格式
只包含单一文本的网页是很单调的,要建立一个具有吸引力的网页,你需要控制文本的大小、颜色、字体等一系列属性。在本节中,你将 学习如何控制这些属性。
使用字体
<FONT>标识符在本章前部分已简单提起过,它具有三个属性:SIZE、COLOR和FACE。下面是个使用SI ZE属性的例子:
<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属性。其它的浏览器干脆就不识别& lt;FONT>标识符。
<FONT>标识符是当前HTML规范中的一部分,但FACE属性却不是。进一步说,在不远的将来,<FON T>标识符可能会从HTML规范中去掉,<FONT>标识符的所有功能可能会被cascading style sheets(见第七章)代替。当你使用这个有用的标识符时应该牢记这些兼容性问题。
建立大字体及小字体
如果你不想使用<FONT>标识符来控制文字的大小,你可以使用<BIG>和<SMALL> ;标识符来显示大字体或小字体。显而易见,<BIG>使你的文字比正常文字看起来更大,而<SMALL> ;使你的文字看起来比正常文字要小。下面是一个例子:
<HTML>
<HEAD>
<TITLE> Big and Small </TITLE>
</HEAD>
<BODY>
<BIG> How big of you. </BIG>
<P>
<SMALL> How small of you. </SMALL>
</BODY>
</HTML>
加入标题
标题对于把一段文字分成许多小节是很有用的,它也可用来控制在网页上显示时的字体大小(可代替<FONT>标识符的 SIZE属性)。下面是一些使用<H>标识符的例子:
<HTML>
<HEAD>
<TITLE> Headings </TITLE>
</HEAD>
<BODY>
<H6> I am a small heading. </H6>
<H4> I am a medium heading. </H4>
<H1> I am a large heading. </H1>
</BODY>
</HTML>
你通过给标指定不同的数字来规定他们的大小,有6种大小的标题。例如由<H1>包含的文字在在浏览器上显示是最大的 ,而由<H^>包含的文字显示出来最小。
注意你并不需要使用<P>标识符来分行,因为紧跟在<H>后面的文字会自动从一个新行开始显示,因此就 用不著使用<P>了。
从技术上来说,由<H>包含的文字说明了它们的重要性,而并不仅仅是尺寸不同。理论上,浏览器不应当把这种标题的重 要性仅仅以字体尺寸来反映,而应当以其它方式(如高亮度、加黑等)。然而在实际使用中,我用过的所有浏览器都把<H> ;看作尺寸标识符。
|