這篇文章主要的介紹了關於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>
為了更明顯的顯示出來,我們現在弄了個這麼大的字,讓大家看的更清楚。在瀏覽器中顯示的效果如圖:
可以看出來吧,我把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標籤現在用的越來越少了,基本上會css的人都喜歡用css的樣式來定義字體的樣式,例如改變顏色之類的,但是我可能是有懷舊情結吧,只要能顯示出來,我就用font標籤內的屬性。不用css屬性。
【小編推薦】
html5 embed標籤的loop屬性是怎麼用的? embed標籤的屬性總結!
html5draggable屬性是如何做到頁面拖曳效果的?方法總結在這裡!
以上是html font標籤如何設定字體大小? html font標籤屬性用法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!