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

來源:互聯網
上載者:User
本篇文章主要的介紹了關於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屬性,是一種可以定義字型的屬性;

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

讓我們一一來看一下:

先說說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屬性。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.