|
|
語 法 測 試 區
|
|
|
|
| 語法輸入欄： |
| 例： <font style="FILTER: glow(color=0066ff); WIDTH: 100%" face="標楷體" color="#fdbd37" size="6">米納的世界</font> |
|
按"執行"觀看結果
|
改變字的
大小顏色 |
語法： |
<font size=字的大小color=#色碼>輸入你要的字</font> |
| 範例： |
<font color="#CC99FF" size="5">你會了嗎..</font> |
| 結果： |
你會了嗎.. |
| 說明： |
若需改變文字顏色可以參考→ |
| 變色文字 |
語法： |
<img src= width=0 height=0 onerror="setInterval('font.style.color=Math.random()*255*255*255',500)"><font id="font">輸入你要出現的字</font> |
| 範例： |
<img src= width=0 height=0 onerror="setInterval('font.style.color=Math.random()*255*255*255',500)"><font id="font">你看到字體在變色的效果了嗎</font> |
| 結果： |
 你看到字體在變色的效果了嗎 |
| 立體文字 |
語法： |
<div style="FILTER: shadow(color=陰影色碼); WIDTH: 460px; HEIGHT: 30px"><FONT color=#文字色碼size=文字大小>輸入你要寫的字</div></font> |
| 範例： |
<div style="FILTER: shadow(color=00aa00); WIDTH: 460px; HEIGHT: 30px"><FONT color=#ffff00 size=4>看到了嗎是不是不一樣了</div></font> |
| 結果： |
看到了嗎是不是不一樣了
|
| 發亮文字 |
語法： |
<font color=字體顏色size=字體大小face=字體style=width:100%;filter:glow(color=陰影顏色)>輸入你要出現的字</font> |
| 範例： |
<font style="FILTER: glow(color=0066ff); WIDTH: 100%" face="標楷體" color="#fdbd37" size="6">謝謝你來到~雲天~之家</font> |
| 結果： |
謝謝你來到~雲天~之家 |
| 底色文字 |
語法： |
<font style=width:100%;filter:glow(color=底色,strength=50)><center>輸入你要出現的字</center></font> |
| 範例： |
<font style="FILTER: glow(color=#8080ff,strength=50); WIDTH: 100%" color="#fdbd37" size="2">雲天之家</font> |
| 結果： |
雲天之家 |
| 文字超連結 |
語法： |
<a href="你要超連結網址">你要出現的字</a> |
| 範例： |
<a href="http://shyan1688.myweb.hinet.net/">我的網站</a> |
| 結果： |
我的網站 |
| 貼圖 |
語法： |
<img src="圖片網址"> |
| 範例： |
<img src="http://shyan1688.myweb.hinet.net/ing/shyan.gif"> |
| 結果： |
 |
| 說明： |
"圖片網址"→將滑鼠移至要貼的圖上→右鍵→內容即可看到"圖片網址" |
| 矇朧圖片 |
語法： |
<img src="圖片網址" style="filter:Alpha(opacity=100,style=三種變化(1至3));"> |
| 範例： |
<img src="http://shyan1688.myweb.hinet.net/ing/shyan.jpg" style="filter:Alpha(opacity=100,style=2);"> |
| 結果： |
|
| 圖片文字 |
語法： |
<TABLE height=圖片高度 width=圖片寬度align=center background=圖片網址border=6> <TD style="FILTER: glow(strength=1)mask(color=#B4BBCF)chroma(color=#B4BBCF)" align=middle height=54><FONT face=MingLiU color=#8c96b5 size=9><B><I>輸入你要出現的字</I></B></FONT></TD></TABLE> |
| 範例： |
<TABLE height=210 width=450 align=center background=http://shyan1688.myweb.hinet.net/ing/shyan01.gif border=6><TD style="FILTER: glow(strength=1)mask(color=#FDBD37)chroma(color=#FDBD37)" align=middle height=54><FONT face=MingLiU color=#FDBD37 size=9><B><I>★雲 天 之 家★</I></B></FONT></TD></TABLE> |
| 結果： |
|
| 圖片超連結 |
語法： |
<a href="你要連結網址"><IMG SRC="圖片網址" ALGIN=MIDDLE WIDTH=圖片的寬度HEIGHT=圖片的高度></a> |
| 範例： |
<a href="http://shyan1688.myweb.hinet.net/"><IMG SRC="http://shyan1688.myweb.hinet.net/ing/shyan02.gif" ALGIN=MIDDLE WIDTH=134 HEIGHT=115></a> |
| 結果： |
 <<===按 |
| 水中倒影 |
語法： |
<img id="reflect" src="圖片網址"><br> <script language="JavaScript1.2"> function f1(){setInterval("mdiv.filters.wave.phase+=10",100);} if (document.all){document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1} </script> |
| 範例： |
<img id="reflect" src="http://shyan1688.myweb.hinet.net/ing/shyan02.gif"><br>
<script language="JavaScript1.2">
function f1(){setInterval("mdiv.filters.wave.phase+=10",100);} if (document.all){document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
window.onload=f1}
</script> |
| 結果： |
|
| 說明： |
"圖片網址"→將滑鼠移至要貼的圖上→右鍵→內容即可看到"圖片網址" |
http://midi.club.st/midis/chmidi/ch25/ch25_2.mid" loop=infinite>
| 背景音樂 |
語法： |
<bgsound src="音樂檔網址" loop=infinite> |
| 範例： |
<bgsound src=" |
| 結果： |
音樂:後來 <<------按 |
| 說明： |
當你貼到網頁時音樂是自動播放的不用再按 |
Media&MTV
Flash播放 |
語法： |
<embed src="音樂檔網址" width=播放器寬度height=播放器高度> |
| 範例： |
<embed src="mms://mtv.happy8.cn/duziispigmtv/dhy/0224/01.wmv" width=410 height=345> |
| 結果： |
MTV:IOIO <<------按 |
| 說明： |
| 當你貼到網頁時音樂是自動播放的不用再按 |
http://shyan1688.myweb.hinet.net/ing/shyan03.jpg">
| 背景圖 |
語法： |
<body background="背景網址"> |
| 範例： |
<body background=" |
| 結果： |
背景圖 <<------按 |
| 說明： |
"圖片網址"→將滑鼠移至要貼的圖上→右鍵→內容即可看到"圖片網址" |
跑馬燈
(由右向左) |
語法： |
<marquee>輸入你要寫的字</marquee> |
| 範例： |
<marquee>這樣子你明白了嗎</marquee> |
| 結果： |
這樣子你明白了嗎 |
跑馬燈
(由左向右) |
語法： |
<marquee direction="right;>輸入你要寫的字</marquee> |
| 範例： |
<marquee direction="right">這樣子你明白了嗎</marquee> |
| 結果： |
這樣子你明白了嗎 |
跑馬燈
(交替)
來回跑 |
語法： |
<marquee behavior="alternate">輸入你要寫入的字</marquee> |
| 範例： |
<marquee behavior="alternate">跑馬燈都會了吧</marquee> |
| 結果： |
跑馬燈都會了吧 |
跑馬燈
(合併) |
語法： |
<marquee direction=right width=88 height="16">輸入左邊出現的字</marquee><marquee direction=left width=86 height="16">輸入左邊出現的字</marquee> |
| 範例： |
<marquee direction=right width=88 height="16">這是左邊文字</marquee><marquee direction=left width=86 height="16">這是右邊文字</marquee> |
| 結果： |
這是左邊文字 這是右邊文字 |
| 字往上移 |
語法： |
<MARQUEE scrollAmount=字跑的速度 direction=up>輸入你要寫的字</MARQUEE> |
| 範例： |
<MARQUEE scrollAmount=1 direction=up>這是第一行<p>這是第二行</MARQUEE> |
| 結果： |
這是第一行
這是第二行
|
| 說明： |
字與字間可以使用<br>換行，換空一行可用<p>將up改成down即是字由上往下 |
字往上移
模糊背景 |
語法： |
<MARQUEE style="FONT-SIZE: 12pt; FILTER: Alpha(Opacity=200, <br>FinishOpacity=0,Style=2,StartX=150, StartY=150, FinishX=0, FinishY=0); WIDTH: 寬度px; COLOR: blue; FONT-FAMILY: 新細明體; HEIGHT: 高度px; TEXT-ALIGN: center" scrollAmount="2" scrollDelay="100" direction="up" width="482" bgColor="背景顏色" height="390" border="0" align="middle">輸入你要出現的字<p>輸入你要出現的字第二行</MARQUEE> |
| 範例： |
<MARQUEE style="FONT-SIZE: 12pt; FILTER: Alpha(Opacity=200, <br>FinishOpacity=0,Style=2,StartX=150, StartY=150, FinishX=0, FinishY=0); WIDTH: 450px; COLOR: blue; FONT-FAMILY: 新細明體; HEIGHT: 390px; TEXT-ALIGN: center" scrollAmount="2" scrollDelay="100" direction="up" width="482" bgColor="#FFCC00" height="390" border="0" align="middle">這是第一行<p>這是第二行</MARQUEE> |
| 結果： |
這是第一行
這是第二行
|
| 飄動的字 |
語法： |
<marquee><marquee direction=up behavior=alternate width=400 height=100>打上你要出現的字</marquee></marquee> |
| 範例： |
<marquee><marquee direction=up behavior=alternate width=400 height=100>看到我了嗎</marquee></marquee> |
| 結果： |
看到我了嗎 |
| 上下擺動 |
語法： |
<font size="字體大小" face=字體 color="字體顏色">
<marquee direction=up behavior=alternate width=寬度height=擺動的高度>輸</marquee> |
| 範例： |
<font size="4" face=標楷體 color="//#ff0000"> <marquee direction=up behavior=alternate width=40 height=100>輸</marquee> <marquee direction=up behavior=alternate width=40 height=80>入</marquee> <marquee direction=up behavior=alternate width=40 height=70>你</marquee> <marquee direction=up behavior=alternate width=40 height=60>要</marquee> <marquee direction=up behavior=alternate width=40 height=70>出</marquee> <marquee direction=up behavior=alternate width=40 height=85>現</marquee> <marquee direction=up behavior=alternate width=40 height=100>字</marquee></FONT> |
| 結果： |
輸 入 你 要 出 現 字 |
| |
| 說明： |
每增加一行就可增加一個字的擺動 |
| 飄落文字 |
語法： |
<marquee scrollamount=3 direction="down" width=60 height=80><font size=5 color=#788aff>水</font></marquee><marquee scrollamount=4 direction="down" width=60 height=80><font size=5 color=#788aff >水</font></marquee> <marquee scrollamount=5 direction="down" width=60 height=80><font size=5 color=#788aff >水</font></marquee> <marquee scrollamount=6 direction="down" width=60 height=80><font size=5 color=#788aff>水</font></marquee> <marquee scrollamount=7 direction="down" width=60 height=80><font size=5 color=#788aff >水</font></marquee> <marquee scrollamount=8 direction="down" width=60 height=80><font size=5 color=#788aff>水</font></marquee> <marquee scrollamount=9 direction="down" width=60 height=80><font size=5 color=#788aff >水</font></marquee> <marquee scrollamount=10 direction="down" width=60 height=80><font size=5 color=#788aff >水</marquee></font> |
| 範例： |
<marquee scrollamount=3 direction="down" width=60 height=80><font size=5 color=#788aff>水</font></marquee><marquee scrollamount=4 direction="down" width=60 height=80><font size=5 color=#788aff >水</font></marquee> <marquee scrollamount=5 direction="down" width=60 height=80><font size=5 color=#788aff >水</font></marquee> <marquee scrollamount=6 direction="down" width=60 height=80><font size=5 color=#788aff>水</font></marquee> <marquee scrollamount=7 direction="down" width=60 height=80><font size=5 color=#788aff >水</font></marquee> <marquee scrollamount=8 direction="down" width=60 height=80><font size=5 color=#788aff>水</font></marquee> <marquee scrollamount=9 direction="down" width=60 height=80><font size=5 color=#788aff >水</font></marquee> <marquee scrollamount=10 direction="down" width=60 height=80><font size=5 color=#788aff >水</marquee></font> |
| 結果： |
水 水 水 水 水 水 水 水 |
| 流星雨 |
語法： |
<MARQUEE direction=down height=150><MARQUEE direction=left scrollAmount=15><FONT color=pink>／<BR><I>★</I></FONT></MARQUEE><MARQUEE direction=left scrollAmount=12><FONT color=deeppink>／<BR><I>★</I></FONT></MARQUEE><MARQUEE direction=left scrollAmount=9><FONT color=skyblue>／<BR><I>★</I></FONT></MARQUEE><br><MARQUEE direction=left scrollAmount=6><FONT color=ff99ff>／<BR><I>★</I></FONT></MARQUEE><br><MARQUEE direction=left scrollAmount=3><FONT color=33cc99> ／<BR><I>★</I></FONT></MARQUEE><br></MARQUEE> |
| 範例： |
<MARQUEE direction=down height=150><MARQUEE direction=left scrollAmount=15><FONT color=pink>／<BR><I>★</I></FONT></MARQUEE><MARQUEE direction=left scrollAmount=12><FONT color=deeppink>／<BR><I>★</I></FONT></MARQUEE><MARQUEE direction=left scrollAmount=9><FONT color=skyblue>／<BR><I>★</I></FONT></MARQUEE><br><MARQUEE direction=left scrollAmount=6><FONT color=ff99ff>／<BR><I>★</I></FONT></MARQUEE><br><MARQUEE direction=left scrollAmount=3><FONT color=33cc99>／<BR><I>★</I></FONT></MARQUEE><br></MARQUEE> |
| 結果： |
／
★ ／
★ ／
★
／
★
／
★
|
| |
說明： |
每增加一行就可增加一個字的落下 |
| 字加流星 |
語法： |
<font color="#色碼" style=background:url(底圖網址)>輸入你要寫的字</font> |
| 範例： |
<font color="#CC99FF" style=background:url(http://shyan1688.myweb.hinet.net/ing/shyan05.gif)>這樣子你會了嗎??</font> |
| 結果： |
這樣子你會了嗎?? |
| 字加流星 |
|
|
|
|
|
︻
移動
︼
語法： <marquee behavior=scroll><font style=background:url(底圖網址)> <font color=#色碼size=字體大小>輸入你要寫的字</font></marquee> 範例： <marquee behavior=scroll><font style=background:url(http://shyan1688.myweb.hinet.net/ing/shyan05.gif)><font color=#CC99FF size=4>這樣子你會了嗎</font></marquee> 結果： 這樣子你會了嗎
︻
移動︼語法： <font size=
字的大小 style=background:url(底圖網址)><marquee>輸入你要寫的字</marquee></font> 範例： <font size=4 style=background:url(http://shyan1688.myweb.hinet.net/ing/shyan04.gif
)><marquee>輸入你要寫的字</marquee></font> 結果：
輸入你要寫的字【 常用語法二】
常用語法原出處來自
呆呆之家
| 閃動的字 |
語法： |
<font size=字的大小 style=background:url(底圖網址)>輸入你要寫的字</font> |
| 範例： |
<font size=4 style=background:url(http://shyan1688.myweb.hinet.net/ing/shyan04.gif)>看到效果了嗎</font> |
| 結果： |
看到效果了嗎 |
| 閃動的字 |
留言列表
