本篇文章主要的介紹了關於HTML font標籤是怎麼設定字型大小的,這個其實和css差不多,但是其他兩個font標籤的屬性用不了,用css代替了,但是我們這該介紹的還是要介紹的,免得有人忘了,介紹了HTML font標籤的三個屬性。讓我們一起來看看這篇文章吧
首先我們先來看看html font標籤是如何來設定字型大小的:
都只到html font標籤是個專門用來設定字型的標籤,雖然在html5中用的會很少(因為都用css樣式來設定font標籤裡面的屬性),但是個人覺得font標籤還是相當強大的標籤的,為什麼這麼說呢,看下去就知道了。
先讓我們看一個代碼執行個體:
<body> <p>這裡是<font size="50">topic.alibabacloud.com</font>,歡迎大家來到topic.alibabacloud.com,這裡有很全面的編程課程</p></body>
為了更明顯的顯示出來,我們現在弄了個這麼大的字,讓大家看的更清楚。在瀏覽器中顯示的效果
可以看出來吧,我把font標籤裡面的字型改的這麼大,應該很清楚很直觀吧。
現在我們就把第一個問題,font改變字型大小解釋完了。(想看更多關於HTML編程的課程,歡迎來到topic.alibabacloud.com)
現在讓我們來看看關於html font標籤屬性的用法了:
剛剛只是介紹了html font標籤的一種可以改變字型大小的屬性。
現在我們再來介紹兩種HTML font標籤的屬性
讓我們一一來看一下:
先說說font face屬性,只要是你電腦上有的字型樣式,都能用在這上面顯示出來。
比如來看一下代碼執行個體:
<body> <p>這裡是<font size="50">topic.alibabacloud.com</font>,歡迎大家來到<font face:"黑體">topic.alibabacloud.com</font>,這裡有很全面的編程課程</p></body>
這代碼就不顯示圖片了,直接看代碼吧,上面加了個字型家族,裡面寫了個黑體,說明直接把這行文字的文字樣式直接弄成黑體顯示了,因為實在顯示不出什麼效果,所以就沒圖看了。
我們自己清楚就行了,要是自己實驗不行的話,可以加上css樣式的,在css樣式字型裡面設定font-family:"黑體"就行了,也是很簡單的。
現在說說第二個font color屬性,一種定義字型顏色的屬性。老規矩,還是看代碼執行個體:
<body> <p>這裡是<font size="50">topic.alibabacloud.com</font>,歡迎大家來到<font face="黑體">topic.alibabacloud.com</font>,這裡有很全面的<font color="red">編程課程</font></p></body>
這個在最後的編程課程中加上了一個字型標籤,顏色弄成了紅色的。這個效果也很明顯,我們來讓它在瀏覽器中顯示一下:
,這很明顯了吧,這就是把字型弄成紅色的了,實際上那個黑體也能看出來點,雖然不太明顯,但是我還是都圈出來了,大家看看就行了。
這HTML font標籤現在用的越來越少了,基本上會css的人都喜歡用css的樣式來定義字型的樣式,比如改變顏色之類的,但是我可能是有懷舊情結吧,只要能顯示出來,我就用font標籤內的屬性。不用css屬性。