Site hosted by Angelfire.com: Build your free website today!

HTML範例

HTML用碼

執行結果

<font size="1">KOZA</font>
KOZA
<font size="2">KOZA</font>
KOZA
<font size="3">KOZA</font>
KOZA
<font size="4">KOZA</font>
KOZA
<font size="5">KOZA</font> KOZA
<font size="6">KOZA</font> KOZA
<font size="7">KOZA</font> KOZA

◎比原先預設的字大一級也可寫成 font size=+1 ◎比原先預設的字小一級 font size=-1

   

.文字色彩,把你要表達的字轉換顏色及大小 <font color="你要用的色">KOZA</font>

HTML用碼

執行結果

<font color="#FF0000"><font size="1">KOZA</font> KOZA
<font color="#008080"><font size="2">KOZA</font> KOZA
<font color="#0080FF"><font size="3">KOZA</font> KOZA
<font color="#FF00FF"><font size="4">KOZA</font> KOZA
<font color="#408080"><font size="5">KOZA</font> KOZA
<font color="#FFFF00"><font size="6">KOZA</font> KOZA
<<font color="#808000"><font size="7">KOZA</font> KOZA

◎如下寫都可<font color="#FF0000"><font size="1">KOZA</font>

<font size="1" color="#FF0000">KOZA</font>
以上色調是紅綠藍三色組成;它們的範圍是從FF∼00這是16進制的 。
你也可以填上英文的色名如 :  red  ;   orange  ;  yellow :  green ;   purple ;  indigo........
   

.  以下為簡易HTML語法教學, 照這即可產生變化字型

效果名稱

HTML用碼

執行結果

粗體
<B>KOZA</B>
koza
斜體
<I>KOZA</I>
koza
底線
<U>KOZA</U>
koza
打字機
<TT>KOZA</TT>
koza
上標
KO<sup>ZA</sup>
KOZA
下標
KO<sub>ZA</sub>
KOZA
     

.  實例應用:以下為組合用途的HTML語法, 照這即可產生特殊效果

◎捲動字幕及背景效果

語法:<MARQUEE width="100" style=background:url(這裡為圖檔位址)><font face="標楷體" color="#fd680d" style=font-size:30px>這裡是您要填的內容</font></marquee>
 

範例: KOZA

◎字體左下陰影

語法:<font face="標楷體" color="#fd680d" style=font-size:30px><div style=width:480;filter:shadow(color=00aa00)>這裡是您要填的內容</div></font>

範例:

KOZA

 

◎字體右上陰影

語法:<font face="標楷體" color="#fd680d" style=font-size:30px><div style=width:480;filter:shadow(color=00aa00,direction=35)>這裡是您要填的內容</div></font>

範例:

KOZA

 

◎捲動跳躍字幕
 

語法:<marquee direction=up behavior=alternate width=400 height=100><marquee direction=rightbehavior=alternate><font face="標楷體" color="#fd680d" style=font-size:30px>
這裡是您要填的內容</font> </marquee> </marquee>

範例: KOZA

◎由下往上的浮動字幕

語法:<MARQUEE scrollamount=3 direction=up>這裡是您要填的內容</MARQUEE>

範例: 歡迎光臨
KOZA

◎由右至左捲動式字幕

語法:<marquee>這裡的文字是右至左</marquee>

範例: 歡迎光臨KOZA

◎由左至右的捲動式字幕

語法:<MARQUEE DIRECTION=RIGHT>這裡的文字是由左到右喔</MARQUEE>

範例: AZOK臨光迎歡

◎交替式字幕

語法:<MARQUEE BEHAVIOR=ALTERNATE>這裡的文字會在左右兩邊彈來彈去</MARQUEE>

範例: 歡迎光臨KOZA

◎字幕速度變換

語法1:<MARQUEE SCROLLDELAY=1000>這裡的文字SCROLLDELAY=1000亳秒</MARQUEE>

範例: 這裡的文字是1000亳秒

語法2:<MARQUEE SCROLLAMOUNT=50>這裡的速度快</MARQUEE>

範例: 這裡的速度快

語法3:<MARQUEE SCROLLAMOUNT=1>這裡的速度慢</MARQUEE>

範例: 這裡的速度慢

◎直立字捲動式字幕

語法3:<MARQUEE SCROLLAMOUNT=1>K</MARQUEE><MARQUEE SCROLLAMOUNT=1>O</MARQUEE><MARQUEE SCROLLAMOUNT=1>Z</MARQUEE><MARQUEE SCROLLAMOUNT=1>A</MARQUEE>

範例: K O Z A

◎貼圖

語法2:<img src="這裡要填上圖片的網址 "></img>

範例:

◎會跑的圖片

語法:<MARQUEE SCROLLAMOUNT=1><img src="這裡要填上圖片的網址"></MARQUEE>
 

範例1:

◎簡單的連結法

語法: <a href="這裡填上網址">這裡填上連結的名稱</a>

範例:按此到KOZA留言板

◎新視窗連結

語法:<A HREF="連結網址或圖檔" TARGET="_NEW">連結文字</A>

範例:KOZA留言板

圖示新視窗連結

語法:<a href="連結網址" target=_blank><img src="圖檔網址"></a>

範例:

去底線的超連結

語法:<A HREF="連結網址或圖檔" STYLE="text-decoration: none" >連結文字</A>

範例:KOZA

信箱連結

語法:<A HREF="mailto:koza_gtr@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囉!