★目前位置→第05章。字的變化
01.何謂Html 02.基本架構 03.常用標籤 04.字體大小 05.字的變化
06.項目格式 07.走馬燈    08.超連結 09.貼圖標籤 10.圖片連結
11.表格運用 12.插入音樂 13.body設定 14.分割視窗 15.製作表單

一、改變字的顏色方法(一)
<font color="rrggbb"></font>
以RGB色票直接改變文字的顏色,而RGB色票介於000000與ffffff之間,它是以十六進法表示的,所以可能有點讓初學者難以接受,不過每改變一個RGB就會得到不同的顏色唷!若您不知顏色的RGB碼可到調色盤查看,柳宿也整理了一些常用的顏色供您參考。
說了一堆還是來點範例吧!
<font color="ff0000">柳宿的心事重重</font>
柳宿的心事重重

<font color="008800">柳宿的心事重重</font>
柳宿的心事重重
 
二、改變字的顏色方法(二)
<font color="顏色的單字"></font>
以顏色的單字來取代原本的RGB碼,對於英文還不錯的人可能較有幫助吧!像對柳宿而言根本是個麻煩,不過我也是會選擇性的使用,例如想使用紅色柳宿就會直接用這個啦!來看看就知何謂選擇性使用了。
說了一堆還是來點範例吧!
<font color="red">柳宿的心事重重</font>
柳宿的心事重重
註:懂沒!用這只要打red就好了,用rgb就要打ff0000唷!好啦!偶知道偶懶啦!別再念了。

<font color="brown">柳宿的心事重重</font>
柳宿的心事重重
 
三、改變字型
<font face="字型全名"></font>
可以改變字型唷!看看您的控制台裡有個字型,就是裡面的字型名,不過對方也要有那字型對方才看得到。
<font face="標楷體">柳宿的心事重重</font>
柳宿的心事重重

<font color="新細明體">柳宿的心事重重</font>
柳宿的心事重重
註:一般沒設定的話皆以新細明體或細明體為內定值,或許您現在看不到上下有何差異,那可能您沒有這些字型或者您在您的瀏覽器中設定忽略字型。

當然中文能英文也能,英文則以新細明體或Arial為內定值。
<font face="Arial">Welcome to Daniel WorkSoho</font>
Welcome to Daniel WorkSoho

來點好玩的吧!
<font face="wingdings">ABCDEFGHIJK</font>
ABCDEFGHIJK
 
四、其它字體變化標籤
<b></b> 於標籤內的文字變為粗體。 飯粒
<u></u> 於標籤內的文字加上底線。 飯粒
<i></i> 於標籤內的文字變為斜體。 飯粒
<tt></tt> 於標籤內的文字改為電報體。 飯粒
<s></s> 於標籤內的文字加上刪除線。 飯粒
<sub></sub> 於標籤內的文字變為下標。本範例為樣本中的2 H2O
<sup></sup> 於標籤內的文字變為上標。本範例為樣本中的3 X3+Y
<blink></blink> 於標籤內的文字會閃爍。此標籤只有使用NC才能看到。 飯粒

HTML語法測試區

HTML語法練習