明輝手游網(wǎng)中心:是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

html font標(biāo)簽如何設(shè)置字體大?html font標(biāo)簽屬性用法說明

[摘要]本篇文章主要的介紹了關(guān)于HTML font標(biāo)簽是怎么設(shè)置字體大小的,這個其實和css差不多,但是其他兩個font標(biāo)簽的屬性用不了,用css代替了,但是我們這該介紹的還是要介紹的,免得有人忘了,介紹了HTML font標(biāo)簽的三個屬性。讓我們一起來看看這篇文章吧首先我們先來看看html font標(biāo)簽是...
本篇文章主要的介紹了關(guān)于HTML font標(biāo)簽是怎么設(shè)置字體大小的,這個其實和css差不多,但是其他兩個font標(biāo)簽的屬性用不了,用css代替了,但是我們這該介紹的還是要介紹的,免得有人忘了,介紹了HTML font標(biāo)簽的三個屬性。讓我們一起來看看這篇文章吧

首先我們先來看看html font標(biāo)簽是如何來設(shè)置字體大小的:

都只到html font標(biāo)簽是個專門用來設(shè)置字體的標(biāo)簽,雖然在html5中用的會很少(因為都用css樣式來設(shè)置font標(biāo)簽里面的屬性),但是個人覺得font標(biāo)簽還是相當(dāng)強(qiáng)大的標(biāo)簽的,為什么這么說呢,看下去就知道了。

先讓我們看一個代碼實例:

<body>
    <p>這里是<font size="50">PHP中文網(wǎng)</font>,歡迎大家來到PHP中文網(wǎng),這里有很全面的編程課程</p>
</body>

為了更明顯的顯示出來,我們現(xiàn)在弄了個這么大的字,讓大家看的更清楚。在瀏覽器中顯示的效果如圖:

tuyi.png

可以看出來吧,我把font標(biāo)簽里面的字體改的這么大,應(yīng)該很清楚很直觀吧。

現(xiàn)在我們就把第一個問題,font改變字體大小解釋完了。(想看更多關(guān)于HTML編程的課程,歡迎來到PHP中文網(wǎng))

現(xiàn)在讓我們來看看關(guān)于html font標(biāo)簽屬性的用法了:

剛剛只是介紹了html font標(biāo)簽的一種可以改變字體大小的屬性。

現(xiàn)在我們再來介紹兩種HTML font標(biāo)簽的屬性

  • font face屬性,是一種可以定義字體的屬性;

  • font color屬性,是一種可以定義字體顏色的屬性

讓我們一一來看一下:

先說說font face屬性,只要是你電腦上有的字體樣式,都能用在這上面顯示出來。

比如來看一下代碼實例:

<body>
    <p>這里是<font size="50">PHP中文網(wǎng)</font>,歡迎大家來到<font face:"黑體">PHP中文網(wǎng)</font>,這里有很全面的編程課程</p>
</body>

這代碼就不顯示圖片了,直接看代碼吧,上面加了個字體家族,里面寫了個黑體,說明直接把這行文字的文字樣式直接弄成黑體顯示了,因為實在顯示不出什么效果,所以就沒圖看了。

我們自己清楚就行了,要是自己試驗不行的話,可以加上css樣式的,在css樣式字體里面設(shè)置font-family:"黑體"就行了,也是很簡單的。

現(xiàn)在說說第二個font color屬性,一種定義字體顏色的屬性。老規(guī)矩,還是看代碼實例:

<body>
    <p>這里是<font size="50">PHP中文網(wǎng)</font>,歡迎大家來到<font face="黑體">PHP中文網(wǎng)</font>,這里有很全面的<font color="red">編程課程</font></p>
</body>

這個在最后的編程課程中加上了一個字體標(biāo)簽,顏色弄成了紅色的。這個效果也很明顯,我們來讓它在瀏覽器中顯示一下:

tusan.png

如圖所示,這很明顯了吧,這就是把字體弄成紅色的了,實際上那個黑體也能看出來點(diǎn),雖然不太明顯,但是我還是都圈出來了,大家看看就行了。

這HTML font標(biāo)簽現(xiàn)在用的越來越少了,基本上會css的人都喜歡用css的樣式來定義字體的樣式,比如改變顏色之類的,但是我可能是有懷舊情結(jié)吧,只要能顯示出來,我就用font標(biāo)簽內(nèi)的屬性。不用css屬性。

【小編推薦】

html5 embed標(biāo)簽的loop屬性是怎么用的?embed標(biāo)簽的屬性總結(jié)!

html5draggable屬性是如何做到頁面拖動效果的?方法總結(jié)在這里!

以上就是html font標(biāo)簽如何設(shè)置字體大小?html font標(biāo)簽屬性用法介紹的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。