網頁設計常用代碼
-
一︰網頁文字加粗傾斜的代碼
◆文字加粗的代碼設計是: <b>你好</b> ◆文字傾斜的代碼是: <i>你好﹗</i> ◆底線字︰<u></u>
-
二︰網頁文字鏈接代碼
如果您想點擊某處文字會連接到另外一個網頁的效果,這是超鏈接,代碼設計是這樣︰
<a href="網站位址";>共享空間</a>如果要點了這個文字以後重新打開一個窗口的話,代碼是︰<a href="網站位址";; target="_blank">共享空間</a>
-
三︰在網頁上設計圖片的代碼
如果你看到一個好看的圖片想放到網站上,代碼設計是這樣的︰
<img src="/Article/UploadFiles/200510/20051018112705599.gif"; width="150" height="100">
後面的數字調節圖片的尺寸大小。
-
四︰網頁圖片鏈接代碼
如果要點一下圖片就能打開一個網站的鏈接代碼是這樣的︰
<a href="http://www.kimo.com.tw";><img src="/Article/UploadFiles/200510/20051018112705599.gif"; width="150" height="100"></a>
如果要點一下圖片就能打開一個網頁的鏈接,並且重新打開一個視窗。代碼設計是這樣的︰
<a href="http://www.kimo.com.tw";; target="_blank"><img src="/Article/UploadFiles/200510/20051018112705599.gif"; width="150" height="100"></a>上面的數字都能調節圖片尺寸大小。
-
五︰網頁換行代碼設計是這樣
如果你想換行,直接用Enter鍵是不行的,需要在您想換行的位置輸入<br>
,這樣就會分成兩行顯示 ,整個網頁看起來也不會是一大片了,而是段落分明。
-
六︰文字移動的代碼是
<marquee>這裡寫文字</marquee>
-
七︰移動圖片的代碼
<marquee><img src="/Article/UploadFiles/200510/20051018112706401.jpg";><img src="/Article/UploadFiles/200510/20051018112712361.jpg";><img src="/Article/UploadFiles/200510/20051018112712874.jpg";><marquee>
把裡面的圖片位址換成你的就行 想多放一個圖片就按照格式在中間插入︰
<img src="/Article/UploadFiles/200510/20071018112712361.jpg";>
裡面的圖片位址自己定。
-
八︰網頁背景音樂的代碼設計是
如果想在你的網頁上設計一段好聽的背景音樂,代碼是︰ <bgsound src=" http://www.kimo.com.tw/xxx.mid";loop=10>
<bgsound src=" http://www.kimo.com.tw/midi/music.asp?id=3073";loop=30> 裡面的背景音樂位址你能自己替換。
前面的是音樂位址,一般都以mid或者mp3的形式結尾 後面的數字是播放次數。
http://www.kimo.com.tw/midi/
這個網站都有好的背景音樂
-
九︰在網站中插入一個flash動畫的代碼設計是
<embed width=200 height=200
src=" http://www.kimo.com.tw/sss.swf";> 裡面的動畫位址換成你的.動畫位址都要以swf的形式結尾。這點需要注意。
-
十︰打開網頁時出現的歡迎詞代碼
<body onLoad= alert("你好,歡迎訪問本網站﹗")>
-
十一︰關閉網頁的時候出現的話
<body onUnload="window.alert('謝謝您的光臨,誠邀加盟.請記住本站域名︰http://www.kimo.com.tw 站長信箱︰****@yahoo.com.tw 歡迎咨詢')">
-
十二︰打開網站的時候自己設計一個彈出視窗的廣告
<script language="javascript">
var TimerID=1;
window.open(' http://www.kimo.com.tw','','width=600,height=300,left=100,top=50');
</script>
裡面的 http://www.kimo.com.tw 這個是你預先做好的一個網頁,後面的數字是調節大小和位置的,你自己多試驗幾次。
-
十三︰鼠標感應字體變紅色的代碼如下︰插在<body></body>之間
<STYLE type=text/css>TD {
FONT-SIZE: 12px
}
BODY {
FONT-SIZE: 12px
}
INPUT {
FONT-SIZE: 12px
}
A:link {
COLOR: #000000; TEXT-DECORATION: non
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A:active {
COLOR: blue; TEXT-DECORATION: none
}
A:hover {
COLOR: red; TEXT-DECORATION: underline
} .so {
BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc
}
</STYLE>
-
十四︰禁止他人複製你網頁的代碼︰
<body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false">
-
十五︰把其它網頁放入自已網頁中的代碼︰
<IFRAME name=smjh align=center src="這裡換成你要放入網站的網址" frameBorder=0 width=760 scrolling=no height=300></IFRAME>
-
十六︰網頁彈出視窗代碼
<a><script>window.open(' http://www.kimo.com.tw/'autoweb.htm','width=長,height=高,scrollbars,resizable'')</script></a>
-
十七︰調用網頁代碼設計
<IFRAME name=smjh align=center src=" http://www.kimo.com.tw " frameBorder=0 width=500 scrolling=no height=800></IFRAME>
-
十八︰打開一頁跳至另一網頁代碼
<script>window.location='http://www.kimo.com.tw'</script>
|