字形變更元件Font

變更文字的顏色COLOR

範例:

<font color='red'>紅色字</font> <font color='yellow'>黃色字
</font><basefont color='#990000'>BASEFONT 暗紅色</basefont>

執行結果：

紅色字 黃色字
BASEFONT 暗紅色

暗紅色只有 IE 可以顯現；

Firefox, Safari, Chrome 都沒能顯示暗紅色。

變更文字的型態FACE

(可以設定一個字型名稱；也可以設多個字型名稱)

範例:

<FONT FACE="Arial">Arial</font> 
<font face='Helvetica'>Helvetica</font>
<FONT FACE="Geneva">Geneva</FONT>
<FONT FACE="sans-serif">sans-serif</FONT> 
<font FACE="Arial, Helvetica, Geneva, sans-serif">"Arial, Helvetica, Geneva, sans-serif"</font>
<br><basefont FACE="Arial, Helvetica, Geneva, sans-serif">BASEFONT face "Arial, Helvetica, Geneva, sans-serif"</basefont>

執行結果：

Arial, Helvetica, Geneva, sans-serif, "Arial, Helvetica, Geneva, sans-serif"
BASEFONT face "Arial, Helvetica, Geneva, sans-serif"

變更文字的顏色SIZE

(其值可由 1 到 7，預設值為 3。也可使用 + - 號)

<font size=1>一號字</font> 

<font size=7>七號字</font>
預設字大小 

<font size='+2'>加兩號字</font> 

<font size='-1'>減一號字</font>

執行結果：

一號字 七號字
預設字大小 加兩號字 減一號字 

----------------------------------

以上均是直接寫在html語法中，css另有其寫法

有趣的HTML5網站

2~3年前，FLAHS跟HTML5在網頁上的使用有很大的討論，這個有趣的網站分析兩者的差異，並且用兩種方式做出一樣的遊戲，事過境遷，顯然HTML5大勝FLASH，而FLASH也漸漸消逝在大家的網頁中，一起來看看這個有趣的網站吧！
http://flashvhtml.com/

想樣力就是你的超能力！超可愛的HTML5網頁，將頁面上出現的雲朵，加上筆劃，畫出各種造型，果然大內高手都在民間呀！
http://www.klowdz.com/

HTML5做成的撞球網頁遊戲，有瞄準線的撞球檯得分是不是簡單多了？！
http://www.xugame.com/agent8ball/