首頁 > web前端 > html教學 > html font標籤是什麼? 標籤的屬性的詳細介紹

html font標籤是什麼? 標籤的屬性的詳細介紹

寻∝梦
發布: 2018-08-21 14:22:50
原創
34203 人瀏覽過

html font標籤是什麼? 標籤的屬性的詳細介紹,這篇文章為大家介紹了html font標籤的定義和實例,還有關於html font標籤的三個常用屬性的詳解,最後給大家介紹的就是與font標籤有關的css樣式屬性,因為現在主流的是用css來為html加入一些常用的屬性,希望你們能認真閱讀本章。

HTML標籤的定義與用法:在

HTML中標籤意思是:規定文字的字型、字型尺寸、字型顏色。

標籤常用的屬性有:color(文字顏色)、size(文字大小)、face(文字字體)等

html font標籤的實例

規定文字字體、大小和顏色:

<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
登入後複製

html font標籤的標準屬性:

id, class, title, style, dir , lang, xml:lang

HTML 標籤的color 屬性

html font標籤的color屬性的定義和用法:

color 屬性規定font 元素中文字的顏色。

HTML 標籤實例:

規定文字的顏色:

<font color="red">This is some text!</font>
登入後複製

html font標籤的color屬性的語法

<font color="value">
登入後複製

HTML 標籤的size 屬性

html font標籤的size屬性的定義與用法:

size 屬性規定font 元素中文字的尺寸大小。

HTML 標籤實例

規定文字的大小:

<font size="5">This is some text!</font>
登入後複製

html font標籤的size屬性的語法:

<font size="value">
登入後複製

html font標籤的size屬性的屬性值:

number :  規定文字的尺寸大小。可能的值:從 1 到 7 的數字。瀏覽器預設值是 3。

HTML 標籤的face 屬性

#html font標籤的size屬性的定義與用法:

face 屬性規定font 元素中文字的字型。

HTML 標籤實例

規定文字的字體:

<font face="verdana">This is some text!</font>
登入後複製

html font標籤的size屬性的語法:

<font face="value">
登入後複製

html font標籤的size屬性的屬性值:

font_family : 規定文字的字體。如需規定若干字體的優先表,請使用逗號將字體名稱分開(例如 )。

與font標籤相關的css樣式屬性:

#1、font-family 定義字體

font-family:"微软雅黑","arial";
登入後複製

2、font -size 字體大小

font-size:18px;
font-size:150%;
font-size:xx-small,x-small,small,medium,large,x-large,xx-large;
font-size:smaller,larger;
登入後複製

3、font-style 字體樣式

font-style:normal,italic,oblique;
登入後複製

4、font-weight 字體粗細

font-weight:normal,bold,bolder,lighter,100-900;
登入後複製

5、font-variant 使輸入不受大小寫限制

font-variant: normal,small-caps;
登入後複製

最後,font屬性的簡寫

font:  bold italic 18px  arial ;
登入後複製

HTML 與XHTML 之間的差異

在HTML 4.01 中,font 元素不被贊成使用。

在 XHTML 1.0 Strict DTD 中,font 元素不被支援。

這篇文章到這裡就結束了,如果想要看進階版的,請點選:html font標籤怎麼設定字體樣式?利用CSS控製文字大小的方法

【相關推薦】

#html5 audio標籤怎麼用? html5 自動播放實作程式碼實例

html strong標籤是什麼意思? html中strong標籤的具體用法介紹

以上是html font標籤是什麼? 標籤的屬性的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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