首頁 > web前端 > html教學 > html font標籤如何設定字體大小? html font標籤屬性用法介紹

html font標籤如何設定字體大小? html font標籤屬性用法介紹

寻∝梦
發布: 2018-09-01 13:37:15
原創
12870 人瀏覽過

這篇文章主要的介紹了關於HTML font標籤是怎麼設定字體大小的,這個其實和css差不多,但是其他兩個font標籤的屬性用不了,用css代替了,但是我們這介紹的還是要介紹的,免得有人忘了,介紹了HTML font標籤的三個屬性。讓我們一起來看看這篇文章吧

首先我們先來看看html font標籤是如何來設定字體大小的:

都只到html font標籤是個專門用來設定字體的標籤,雖然在html5中使用的會很少(因為都用css樣式來設定font標籤裡面的屬性),但個人覺得font標籤還是相當強大的標籤的,為什麼這麼說呢,看下去就知道了。

先讓我們來看一個程式碼實例:

<body>
    <p>这里是<font size="50">PHP中文网</font>,欢迎大家来到PHP中文网,这里有很全面的编程课程</p>
</body>
登入後複製

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

html font標籤如何設定字體大小? html font標籤屬性用法介紹

可以看出來吧,我把font標籤裡面的字體改的這麼大,應該很清楚很直覺吧。

現在我們就把第一個問題,font改變字體大小解釋完了。 (想看更多關於HTML程式設計的課程,歡迎來到PHP中文網)

現在讓我們來看看關於html font標籤屬性的用法了:

剛剛只是介紹了html font標籤的一種可以改變字體大小的屬性。

現在我們再來介紹兩個HTML font標籤的屬性

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

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

#讓我們一一來看:

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

例如來看程式碼實例:

<body>
    <p>这里是<font size="50">PHP中文网</font>,欢迎大家来到<font face:"黑体">PHP中文网</font>,这里有很全面的编程课程</p>
</body>
登入後複製

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

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

現在說說第二個font color屬性,一種定義字型顏色的屬性。老規矩,還是看程式碼實例:

<body>
    <p>这里是<font size="50">PHP中文网</font>,欢迎大家来到<font face="黑体">PHP中文网</font>,这里有很全面的<font color="red">编程课程</font></p>
</body>
登入後複製

這個在最後的程式設計課程中加上了一個字體標籤,顏色弄成了紅色的。這個效果也很明顯,我們來讓它在瀏覽器中顯示一下:

html font標籤如何設定字體大小? html font標籤屬性用法介紹

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

這HTML font標籤現在用的越來越少了,基本上會css的人都喜歡用css的樣式來定義字體的樣式,例如改變顏色之類的,但是我可能是有懷舊情結吧,只要能顯示出來,我就用font標籤內的屬性。不用css屬性。

【小編推薦】

html5 embed標籤的loop屬性是怎麼用的? embed標籤的屬性總結!

html5draggable屬性是如何做到頁面拖曳效果的?方法總結在這裡!

#

以上是html font標籤如何設定字體大小? html font標籤屬性用法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板