文本基本標(biāo)記
<font>標(biāo)記用來控制字體、字號和顏色等屬性，它是HTML中最基本的標(biāo)記之一，掌握好<font>標(biāo)記的使用是控制網(wǎng)頁文本的基礎(chǔ)。
字體屬性face
可以通過字體的face屬性設(shè)置不同的字體，設(shè)置的字體效果必須在瀏覽器中安裝相應(yīng)的字體后才可以正確瀏覽，否則有些特殊字體會被瀏覽器中的普通字體所代替。因此，在網(wǎng)頁中盡量減少使用過多的特殊字體，以免在用戶瀏覽時無法看到正確的效果。
語法：<font face="字體樣式">……</font>
說明：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="華文新魏">溫柔的說晚安</
font></p>
<p><font face="華文彩云">晚安寶貝</font></p>
</body>
</html>在代碼中加粗部分的代碼標(biāo)記是設(shè)置文字的字體，在瀏覽器中預(yù)覽可以看到效果，如下圖所示。
在制作網(wǎng)頁時，網(wǎng)頁中的字體一般以默認的字體即宋體為主，如下圖所示。
字號屬性size
文字的大小也是字體的重要屬性之一。除了使用標(biāo)題文字標(biāo)記設(shè)置固定大小的字號之外，HTML語言還提供了<font>標(biāo)記的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>
在代碼中加粗部分的標(biāo)記是設(shè)置文字的字號，在瀏覽器中預(yù)覽效果，如下圖所示。提示<font>標(biāo)記和它的屬性可影響周圍的文字，該標(biāo)記可應(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>
在代碼中加粗部分的標(biāo)記是設(shè)置字體的顏色，在瀏覽器中預(yù)覽，可以看出字體顏色的效果，如下圖所示。
提示如果看不到文字，那么可能是文字顏色與背景顏色相同所致。若兩種顏色相同，則顯示文字時，文字就看不到了。此時必須修改文字的color屬性，以使其顏色區(qū)別于背景顏色。
當(dāng)前文章標(biāo)題：文本基本標(biāo)記
當(dāng)前URL：http://www.iy5y368.cn/news/wzzz/3304.html
上一篇：標(biāo)題字
