文本基本標記

<font>標記用來控制字體、字號和顏色等屬性,它是HTML中最基本的標記之一,掌握好<font>標記的使用是控制網頁文本的基礎。

字體屬性face

可以通過字體的face屬性設置不同的字體,設置的字體效果必須在瀏覽器中安裝相應的字體后才可以正確瀏覽,否則有些特殊字體會被瀏覽器中的普通字體所代替。因此,在網頁中盡量減少使用過多的特殊字體,以免在用戶瀏覽時無法看到正確的效果。

語法:<font face="字體樣式">……</font>

說明:face屬性用于定義該段文本所采用的字體名稱。如果瀏覽器能夠在當前系統中找到該字體,則使用該字體顯示。

舉例:

<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>在代碼中加粗部分的代碼標記是設置文字的字體,在瀏覽器中預覽可以看到效果,如下圖所示。

34163ada0190430cc13037b42c7a117a.jpg

在制作網頁時,網頁中的字體一般以默認的字體即宋體為主,如下圖所示。

2c3592eba7ea5e002c875b9b0940a5f9 (1).jpg

字號屬性size

文字的大小也是字體的重要屬性之一。除了使用標題文字標記設置固定大小的字號之外,HTML語言還提供了<font>標記的size屬性來設置普通文字的字號。

語法:

<font size="文字字號">……</font>

說明:size屬性用來設置字體的大小,它有絕對和相對兩種方式。從1到7的整數,代表字體大小的絕對字號。從?4到+4的整數,字體相對于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>

在代碼中加粗部分的標記是設置文字的字號,在瀏覽器中預覽效果,如下圖所示。提示<font>標記和它的屬性可影響周圍的文字,該標記可應用于文本段落、句子和單詞,甚至單個字母。

36a042649e7665406ed5e7b77acb11e8.jpg

顏色屬性color

在HTML頁面中,還可以通過不同的顏色表現不同的文字效果,從而增加網頁的亮麗色彩,吸引瀏覽者的注意。

語法:<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>

在代碼中加粗部分的標記是設置字體的顏色,在瀏覽器中預覽,可以看出字體顏色的效果,如下圖所示。

bcc9343305c0532d1860032e765918c7.jpg

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

網站建設、網絡營銷咨詢專線:0871-63535511(點擊可一鍵撥號)
日本黄大片