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