2007年9月27日 星期四

HTML

語法區
*********************************************
背景語法:
body {
background-image: url(圖檔網址);
background-repeat:no-repeat ;
background-position :0% 100%;
background-attachment: fixed;}

說明:
backgroud-position: 0% 0%; 左邊上方
backgroud-position: 0% 50%; 左邊中間
backgroud-position: 50% 0%; 中間上方
backgroud-position: 50% 50%; 正中間
backgroud-position:100% 0%; 右邊上方
backgroud-position: 0% 100%; 左邊下方
backgroud-position: 100% 50%; 右邊中間
backgroud-position: 50% 100%; 中間下方
backgroud-position: 100% 100%; 右邊下方

圖檔網址1+圖檔網址2+圖檔網址3+圖檔網址4或是自己上網找

找到你喜歡的背景圖請按右鍵點內容會看到網址(URL)然後複製貼上圖檔網址



使字體或圖片往上跑
<marquee scrollamount="3" direction="up"></marquee>
範例:我會往上跑喔

使字體或圖片往下跑
<marquee scrollamount="3" direction="down"> </marquee>
範例:我會往下跑喔

使字體或圖片反覆不停地由右至左捲動跑
<MARQUEE DIRECTION=LEFT>
這段文字跑馬燈,反覆不停地由右至左捲動
</MARQUEE><P>
範例:
這段文字跑馬燈,反覆不停地由右至左捲動



文字或圖片會來回跑
<MARQUEE BEHAVIOR=ALTERNATE>我會倒彈</MARQUEE><P>
範例:我會倒彈



文字或圖片會向左跑
<MARQUEE DIRECTION=LEFT>我往左跑</MARQUEE><P>
範例:我往左跑



文字或圖片會向右跑
<MARQUEE DIRECTION=RIGHT>我往右跑</MARQUEE><P>
範例:我往右跑



文字變粗體
<strong>我會變粗喔</strong>
我會變粗喔

飄落語法
<script language="JavaScript">var no = 數量;var speed = 10; var snowflake = "圖案滴網址"</script><script language="JavaScript"src="http://w1.loxa.edu.tw/km1234/d4-53.txt"></script>
(無名不能跑Java語法)
範例:

貼圖語法
<img src="網址">
範例:

歡迎語法
<body onLoad="alert('Welcome to my angel house')" bgcolor="#000000">
範例:

再見語法
<body onunload="window.alert('Thanks for your coming ^ ^')" bgProperties=fixed>
範例:

時鐘語法
<embed src="http://www.clocklink.com/clocks/0021-gray.swf?TimeZone=NZT&" width="135" height="135" wmode="transparent" type="application/x-shockwave-flash">
範例:
************************************************
音樂語法與影片語法詳解!
★音樂語法<embed src="此處貼上音樂網址" autostart="true" loop="1" volume="100" width="230" height=45></embed>
*播放器設定 
(視個人需求,可將播放器設定為適合自己的狀態)
◆autostart="true" 表示自動播放
autostart="false" 表示不自動播放
◆hidden="true" 隱藏播放器
◆loop="0" 播放一次即停止
loop="1" 無限次重複播放
◆volume="0-100" 調整音量大小
◆width="230" 播放器寬度,可自行更改為適合寬度
hight="40" 播放器高度,可自行更改為適合高度
範例:

★影片語法<embed src=MV網址 width=325 height=300 autostart=false></embed>
範例:
*播放器設定 
(視個人需求,可將播放器設定為適合自己的狀態)
◆autostart="true" 表示自動播放
autostart="false" 表示不自動播放
◆hidden="true" 隱藏播放器
◆loop="0" 播放一次即停止
loop="1" 無限次重複播放
◆volume="0-100" 調整音量大小
◆width="230" 播放器寬度,可自行更改為適合寬度
hight="40" 播放器高度,可自行更改為適合高度

人數計量語法:首先先到http://www.muryo-counter.net/設定
先設定背景色,文字的顏色旁邊有的調色盤可以設定,至於第三個就不清楚了
設定好後按確定會得到語法 
<a href="http://www.counteronline.net" target="_blank"><img src="http://www.counteronline.net/services/imagedigits/counter.php?aut=9c171b01ffb972cc00d2ad9f0575475255470f60fd25f41f76096bc1d1a508b6c90d6af009860384c03374" alt="無料カウンター" border="0" /></a>
範例:無料カウンター

     
************************************************
連結網址
<a href=你想要連結人的網址><b>這是要輸入你連結人的名子</b></a>
範例以下

分享上傳空間

圖片:http://www.imagecave.com/index.asp
音樂:http://www.musicwebtown.com/community/index.php
powerpoint:http://www.slideshare.net/
影片:http://www.youtube.com/

大家自己來上傳:
圖片:
http://www.funp.net/1604920


音樂:
http://www.funp.net/1960755


PowerPoint:
http://www.FunP.net/2863159




其他區

自己做閃字:http://www.fx-word.com/fw.php?tw=start
動態網頁設計教學:http://elearning.stut.edu.tw/information/dhtml/
有很多特效語法,不過有時會失效:http://www.ik68.cn/BlogSpan.aspx?page=3
圖片特效:www.slide.com

時鐘區:http://www.clocklink.com/
部落格教學:http://tw.myblog.yahoo.com/gray-0920398237/archive?l=f&id=36
語法教學網站(英):http://www.w3schools.com/default.asp
語法教學網站:http://stuck.myweb.hinet.net/c/index.htm
*************************************************************************************
分享不錯的網誌:
http://www.wretch.cc/blog/hsing1988

http://www.wretch.cc/blog/p0307

http://www.wretch.cc/blog/vvivian1202

http://blog.pixnet.net/terisawu

http://www.wretch.cc/blog/fountain







沒有留言:

無料カウンター