.字體大小，把你要表達的字變大變小 ：<font
size="字體大小可設１到７">華記學堂</font>
.字體大小，把你要表達的字變大變小 ：<font
size="字體大小可設１到７">華記學堂</font>
|
HTML用碼 |
執行結果 |
| <font size="1">華記學堂</font> | 華記學堂 |
| <font size="2">華記學堂</font> | 華記學堂 |
| <font size="3">華記學堂</font> | 華記學堂 |
| <font size="4">華記學堂</font> | 華記學堂 |
| <font size="5">華記學堂</font> | 華記學堂 |
| <font size="6">華記學堂</font> | 華記學堂 |
| <font size="7">華記學堂</font> | 華記學堂 |
|
◎比原先預設的字大一級也可寫成 font size=+1 ◎比原先預設的字小一級 font size=-1 |
|
.文字色彩，把你要表達的字轉換顏色及大小
<font
color="你要用的色">華記學堂</font>
|
HTML用碼 |
執行結果 |
| <font color="#FF0000"><font size="1">華記學堂</font> | 華記學堂 |
| <font color="#008080"><font size="2">華記學堂</font> | 華記學堂 |
| <font color="#0080FF"><font size="3">華記學堂</font> | 華記學堂 |
| <font color="#FF00FF"><font size="4">華記學堂</font> | 華記學堂 |
| <font color="#408080"><font size="5">華記學堂</font> | 華記學堂 |
| <font color="#FFFF00"><font size="6">華記學堂</font> | 華記學堂 |
| <<font color="#808000"><font size="7">華記學堂</font> | 華記學堂 |
|
◎如下寫都可 ：<font color="#FF0000"><font size="1">華記學堂</font> |
|
| <font size="1" color="#FF0000">華記學堂</font> | |
| 以上色調是紅綠藍三色組成;它們的範圍是從FF∼00這是16進制的 。 | |
| 你也可以填上英文的色名如 : red ; orange ; yellow : green ; purple ; indigo........ | |
.
以下為簡易HTML語法教學, 照這即可產生變化字型
|
效果名稱 |
HTML用碼 |
執行結果 |
| 粗體 | <B>華記學堂</B> | 華記學堂 |
| 斜體 | <I>華記學堂</I> | 華記學堂 |
| 底線 | <U>華記學堂</U> | 華記學堂 |
| 打字機 | <TT>華記學堂</TT> | 華記學堂 |
| 上標 | 華記<sup>學堂</sup> | 華記學堂 |
| 下標 | 華記<sub>學堂</sub> | 華記學堂 |
.
實例應用:以下為組合用途的HTML語法, 照這即可產生特殊效果
|
◎捲動字幕及背景效果 語法：<MARQUEE width="100" style=background:url(這裡為圖檔位址)><font
face="標楷體" color="#fd680d" style=font-size:30px>這裡是您要填的內容</font></marquee> 範例： |
| ◎字體左下陰影
語法：<font face="標楷體" color="#fd680d" style=font-size:30px><div style=width:480;filter:shadow(color=00aa00)>這裡是您要填的內容</div></font> 範例： 華記學堂
|
| ◎字體右上陰影
語法：<font face="標楷體" color="#fd680d" style=font-size:30px><div style=width:480;filter:shadow(color=00aa00,direction=35)>這裡是您要填的內容</div></font> 範例： 華記學堂
|
| ◎捲動跳躍字幕 語法：<marquee direction=up behavior=alternate
width=400 height=100><marquee direction=rightbehavior=alternate><font
face="標楷體" color="#fd680d" style=font-size:30px> 範例： |
| ◎由下往上的浮動字幕
語法：<MARQUEE scrollamount=3 direction=up>這裡是您要填的內容</MARQUEE> 範例： |
| ◎由右至左捲動式字幕
語法：<marquee>這裡的文字是右至左</marquee> 範例： |
| ◎由左至右的捲動式字幕
語法：<MARQUEE DIRECTION=RIGHT>這裡的文字是由左到右喔</MARQUEE> 範例： |
| ◎交替式字幕
語法：<MARQUEE BEHAVIOR=ALTERNATE>這裡的文字會在左右兩邊彈來彈去</MARQUEE> 範例： |
| ◎字幕速度變換
語法1：<MARQUEE SCROLLDELAY=1000>這裡的文字SCROLLDELAY=1000亳秒</MARQUEE> 範例： 語法2：<MARQUEE SCROLLAMOUNT=50>這裡的速度快</MARQUEE> 範例： 語法3：<MARQUEE SCROLLAMOUNT=1>這裡的速度慢</MARQUEE> 範例： |
| ◎直立字捲動式字幕
語法3：<MARQUEE SCROLLAMOUNT=1>華</MARQUEE><MARQUEE SCROLLAMOUNT=1>記</MARQUEE><MARQUEE SCROLLAMOUNT=1>學</MARQUEE><MARQUEE SCROLLAMOUNT=1>堂</MARQUEE> 範例： |
| ◎貼圖
語法2：<img src="這裡要填上圖片的網址 "></img> 範例： |
| ◎會跑的圖片
語法：<MARQUEE SCROLLAMOUNT=1><img src="這裡要填上圖片的網址"></MARQUEE> 範例1： |
| ◎簡單的連結法
語法： <a href="這裡填上網址">這裡填上連結的名稱</a> 範例：按此到華記學堂 |
| ◎新視窗連結
語法：<A HREF="連結網址或圖檔" TARGET="_NEW">連結文字</A> 範例：華記學堂 |
|
◎圖示新視窗連結 語法：<a href="連結網址" target=_blank><img src="圖檔網址"></a> 範例： |
| ◎去底線的超連結
語法：<A HREF="連結網址或圖檔" STYLE="text-decoration: none" >連結文字</A> 範例：華記學堂 |
| ◎信箱連結
語法：<A HREF="mailto:wah1230@yahoo.com.hk">站長的信箱</A> 記得要將修改紅色的地方改成自己的喔! 範例：站長的信箱 |
|
◎背景音樂 語法：<bgsound src="這裡填上音樂檔的位址"loop="3"> 說明：任何音樂檔都可以!只要把音樂來源的原始位置加入，再修改"loop="3"(撥放次數)就ok囉! |
| ◎圖示背景音樂
語法：<embed src="這裡填上音樂檔的位址" width=200 height=45 loop="5"> 說明：這跟前面那個差不多，不同的地方是有圖示控制面板，再修改" width=200 height=45 loop="5"就ok囉! |
