第 1 頁,共 5 頁
平常我們使用文字編輯軟體,例如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>
接下來三個選項是:粗體、斜體、底線,我外補充一個刪除線。
- 上一篇
- 下一篇 >>
廣告
