搜尋

隨機推薦

HTML的文字編排:原始html標籤與W3C推薦的差異

平常我們使用文字編輯軟體,例如Microsoft Office 的Word。裡面會有一些編輯文字的工具列,如下圖:

這個工具列應該很熟悉,許多軟體裡頭編輯文字時都會有類似的工具列,如果把HTML當作WORD看待,會不會比較好理解呢?

第一個選項是樣式,關於CSS的部分挪到後頭再說。

第二個是字體選項,在字體選項當中,無論是HTML裡頭的font或是CSS的font都有一個原則,如果你選了一個別人電腦不一定有的字型,那麼在他人電腦上就不會顯示出來,只

廣告

會以預設字體為主。接下來是字級大小的設定。根據HTML,有一個標籤叫做FONT。

字體設定 font

W3C官方已將FONT視為非推薦元素,建議改以CSS來做文字設定,那麼在這裡提出來是因為…我想多佔點版幅…不是的。在這裡提出FONT是因為,我正紀錄HTML的學習心得以及許多網頁編輯器產生的原始碼依然存在著FONT。

屬性 屬性值 預設值 說明
size 數值 3 設定文字大小,總共是1~7,七個正整數的級數,數值越大字體越大,是必要屬性。
color 顏色值 #000000 設定文字顏色
face 字型名稱   指定文字字型,可複數設定,字型名稱之間以 , 逗號隔開。
通用屬性:id, class, style, title, dir, lang, xml:lang

範例4-1:使用HTML font的字體大小、顏色、字型

  • 文字級數設定為5,顏色是#ff9900,字型名稱是標楷體<font size=』5〞 color=』#FF9900〞 face=』標楷體』>文字級數設定為5,顏色是#ff9900,字型名稱是標楷體</font>

範例4-2:使用CSS style的字體大小、顏色、字型

  • 文字級數設定為16px,顏色是#ff9900,字型名稱是標楷體<span style=』font-size:16px; color:#FF9900; font-family:』標楷體』;』>文字級數設定為16px,顏色是#ff9900,字型名稱是標楷體</span>

    或是

    <p style=』font-size:16px; color:#FF9900; font-family:』標楷體』;』>文字級數設定為16px,顏色是#ff9900,字型名稱是標楷體</p>

接下來三個選項是:粗體、斜體、底線,我外補充一個刪除線。

 

廣告

无觅相关文章插件,快速提升流量

Please publish modules in offcanvas position.