首先我們來了解一下 font 標簽是什么?有什么用處?
font(字體),顧名思義, font 標簽是一個設置文本文字樣式的標簽,可以設置文本的字體樣式、字體的尺寸、字體的顏色。
下面我們通過簡單的代碼示例,為大家介紹html中 font 標簽的用法!
!DOCTYPE html html head meta charset= UTF-8 title font標簽的使用 /title /head body p 這是一段測試文字 br / br / font face= 楷體 使用楷體來顯示文字 /font br / br / font color= red 改變字體文字的顏色 /font br / br / font size= 5 改變字體文字的大小 /font /body /html
效果圖:
說明: font 標簽可以通過以下的屬性來分別設置文本的字體樣式、字體的尺寸、字體的顏色。
1、face:規定文本的字體
font face= 字體的名字
例:
font face= 楷體 /*設置楷體*/ font face= 黑體 /*設置黑體*/
2、color:規定文本的顏色。
font color= 合法顏色值 /*合法顏色值:rgb(x,x,x)、#xxxxxx(16制顏色)、colorname(顏色的英文名)*/
例:
font color= white /*設置文本的顏色為白色*/ font color= #ffffff /*設置文本的顏色為白色*/ font color= rgb(225,225,225) /*設置文本的顏色為白色*/
3、size:規定文本的尺寸大小。
font size= number /*number:從 1 到 7 的數字,瀏覽器默認值是 3。*/
例:
font size= 5 /*設置文本的尺寸為5,相當于24px的大小*/
接下來我們看看瀏覽器對于 font 標簽的支持度:
可以看出:所有主流瀏覽器都支持 font 標簽。
總結:以上就是本篇文章介紹的 font 標簽是什么? font 標簽用法的全部內容,大家可以自己動手嘗試,加深理解,希望能對大家的學習有所幫助。
【更多相關教程推薦】:
HTML視頻教程
Html5視頻教程
bootstrap視頻教程
以上就是html中的font是什么標簽?怎么使用?(代碼詳解)的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答