<font>標(biāo)記用來(lái)控制字體、字號(hào)和顏色等屬性,它是HTML中最基本的標(biāo)記之一,掌握好<font>標(biāo)記的使用是控制網(wǎng)頁(yè)文本的基礎(chǔ)。
字體屬性face
可以通過(guò)字體的face屬性設(shè)置不同的字體,設(shè)置的字體效果必須在瀏覽器中安裝相應(yīng)的字體后才可以正確瀏覽,否則有些特殊字體會(huì)被瀏覽器中的普通字體所代替。因此,在網(wǎng)頁(yè)中盡量減少使用過(guò)多的特殊字體,以免在用戶瀏覽時(shí)無(wú)法看到正確的效果。
語(yǔ)法:<font face="字體樣式">……</font>
說(shuō)明:face屬性用于定義該段文本所采用的字體名稱。如果瀏覽器能夠在當(dāng)前系統(tǒng)中找到該字體,則使用該字體顯示。
舉例:
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=gb2312" />
<title>字體屬性</title>
</head>
<body>
<p><font face="宋體">有緣路上左手牽右手</
font></p>
<p><font face="華文新魏">溫柔的說(shuō)晚安</
font></p>
<p><font face="華文彩云">晚安寶貝</font></p>
</body>
</html>在代碼中加粗部分的代碼標(biāo)記是設(shè)置文字的字體,在瀏覽器中預(yù)覽可以看到效果,如下圖所示。
在制作網(wǎng)頁(yè)時(shí),網(wǎng)頁(yè)中的字體一般以默認(rèn)的字體即宋體為主,如下圖所示。
字號(hào)屬性size
文字的大小也是字體的重要屬性之一。除了使用標(biāo)題文字標(biāo)記設(shè)置固定大小的字號(hào)之外,HTML語(yǔ)言還提供了<font>標(biāo)記的size屬性來(lái)設(shè)置普通文字的字號(hào)。
語(yǔ)法:
<font size="文字字號(hào)">……</font>
說(shuō)明:size屬性用來(lái)設(shè)置字體的大小,它有絕對(duì)和相對(duì)兩種方式。從1到7的整數(shù),代表字體大小的絕對(duì)字號(hào)。從?4到+4的整數(shù),字體相對(duì)于3號(hào)放大和縮小字號(hào)。舉例:
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=gb2312" />
<title>字體字號(hào)</title>
</head>
<body>
<p><font size="7">有緣路上左手牽右手</font></p>
<p><font size="+3">溫柔的說(shuō)晚安</font></p>
<p><font size="-1">晚安寶貝</font></p>
</body>
</html>
在代碼中加粗部分的標(biāo)記是設(shè)置文字的字號(hào),在瀏覽器中預(yù)覽效果,如下圖所示。提示<font>標(biāo)記和它的屬性可影響周圍的文字,該標(biāo)記可應(yīng)用于文本段落、句子和單詞,甚至單個(gè)字母。
顏色屬性color
在HTML頁(yè)面中,還可以通過(guò)不同的顏色表現(xiàn)不同的文字效果,從而增加網(wǎng)頁(yè)的亮麗色彩,吸引瀏覽者的注意。
語(yǔ)法:<font color="字體顏色">……</font>
說(shuō)明:color屬性用來(lái)定義文字的顏色,它可以和<font>元素的其他屬性一起配合定義字體的各種樣式,各個(gè)屬性之間沒(méi)有先后次序。
舉例:
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=gb2312" />
<title>字體字號(hào)</title>
</head>
<body>
<p><font face="宋體" size="7"
color="#3333CC">有緣路上左手牽右手</font></p>
<p><font face="華文新魏" size="+3"
color="#993300">溫柔的說(shuō)晚安</font></p>
<p><font face="華文彩云" size="4"
color="#CC0000">晚安寶貝</font></p>
</body>
</html>
在代碼中加粗部分的標(biāo)記是設(shè)置字體的顏色,在瀏覽器中預(yù)覽,可以看出字體顏色的效果,如下圖所示。
提示如果看不到文字,那么可能是文字顏色與背景顏色相同所致。若兩種顏色相同,則顯示文字時(shí),文字就看不到了。此時(shí)必須修改文字的color屬性,以使其顏色區(qū)別于背景顏色。