文本基本標(biāo)記

<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ù)覽可以看到效果,如下圖所示。

34163ada0190430cc13037b42c7a117a.jpg

在制作網(wǎng)頁(yè)時(shí),網(wǎng)頁(yè)中的字體一般以默認(rèn)的字體即宋體為主,如下圖所示。

2c3592eba7ea5e002c875b9b0940a5f9 (1).jpg

字號(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è)字母。

36a042649e7665406ed5e7b77acb11e8.jpg

顏色屬性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ù)覽,可以看出字體顏色的效果,如下圖所示。

bcc9343305c0532d1860032e765918c7.jpg

提示如果看不到文字,那么可能是文字顏色與背景顏色相同所致。若兩種顏色相同,則顯示文字時(shí),文字就看不到了。此時(shí)必須修改文字的color屬性,以使其顏色區(qū)別于背景顏色。

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))