建網站常用HTML代碼
如果你想使用某種顏色，取得它的顏色值即可。比如，您想改變某些文字的顏色，您可以使用下面的代碼：2. 文字加粗 傾斜的代碼
◆文字加粗的代碼是: <b>你好</b> ◆文字傾斜的代碼是: <i>你好！</i> ◆底線字：<u></u>
3. 文字連結代碼
如果您想點擊某處文字會串連到另外一個網頁的效果，這是超連結，代碼是這樣：
<a href="網站地址">共用空間</a>如果要點了這個文字以後重新開啟一個視窗的話，代碼是：<a href="網站地址"target="_blank">共用空間</a>
4. 在網站上放圖片的代碼
如果你看到一個好看的圖片想放到網站上，代碼是這樣的：
<img src="http://www.163.com/wwwimages/n/163logo.gif" width="150" height="100" border=0>
後面的數字調節圖片的尺寸大小。
5. 圖片連結代碼
如果要點一片就能開啟一個網站的連結代碼是這樣的：
<a href="http://www.163.com"><img src="http://www.163.com/wwwimages/n/163logo.gif" width="150" height="100" border=0></a>
如果要點一片就能開啟一個網站的連結，並且重新開啟一個視窗。代碼是這樣的：
<a href="http://www.163.com" target="_blank"><img src="http://www.163.com/wwwimages/n/163logo.gif" width="150" height="100"></a>上面的數字都能調節圖片尺寸大小。
6. 圖文置中等代碼
<DIV align=center>置中</DIV>
<DIV align=left>靠左</DIV>
<div align=right>靠右</DIV>
7. 文字移動的代碼
<marquee>這裡寫文字</marquee>
8. 移動圖片的代碼
<marquee><img src="http://games.tom.com/images/2002/gamemm/0604/s/36.jpg"><img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg"><img src="http://games.tom.com/images/2002/gamemm/0604/s/30.jpg"><marquee>
把裡面的圖片地址換成你的就行 想多放一個圖片就按照格式在中間插入：
<img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg">
裡面的圖片地址自己定。
9. 背景音樂的代碼
如果想在你的網站上放上一段好聽的背景音樂，代碼是： <bgsound src="http://xxxxx.com/xxx.mid" loop=10>
<bgsound src="http://www.midifan.com/midi/music.asp?id=3073" loop=30> 裡面的背景音樂地址你能自己替換。
前面的是音樂地址，一般都以mid或者mp3的形式結尾 後面的數字是播放次數。
http://www.midifan.com/midi/
這個網站都有好的背景音樂
10. 在網站中插入一個flash動畫的代碼
<embed width=200 height=200
src="http://flash.shangdu.com/view/2/fff.swf"> 裡面的動畫地址換成你的.動畫地址都要以swf的形式結尾。這點需要注意。
加入透明Flash代碼 :
<embed src="Flash地址"; width="400" height="300" quality="high" wmode="transparent" align="right" style="; left:0; top:0">
此代碼為插入透明flash代碼，其中 width="" 為flash的寬，height="" 為 flas的高，left: 為從左向右移的位置，top: 為從上向下移的位置
11. 開啟網站時候出現的歡迎詞代碼
<body 你好，歡迎訪問本網站！">
12. 關閉網站的時候出現的話
<body 謝謝您的光臨,誠邀加盟.請記住本站網域名稱：http://www.yz126.com/ 站長信箱：****@yahoo.com.cn 歡迎諮詢')">
13. 開啟網站時快顯視窗的廣告
<script>window.open('http://目標網址','','width=400,height=200')</script>
裡面的 http://目標網址 這個是你預先做好的一個網頁，後面的數字是調節大小和位置的，你自己多實驗幾次。
14. 滑鼠感應字型變紅色的代碼
<STYLE type=text/css>TD {
FONT-SIZE: 12px
}
BODY {
FONT-SIZE: 12px
}
INPUT {
FONT-SIZE: 12px
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
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>
15. 禁止他人複製你網頁的代碼：
<body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false">
16. 如何讓網站自動跳轉到另一頁?
加入以下代碼到HTML檔案中即可：
<meta http-equiv="refresh" content="5;url=http://www.yufeng21.com/index.htm">
content中的"5"為停留的秒數，http://www.yufeng21.com/index.htm 是將要跳轉的頁面。
17. E-mail超連結
<a href=mailto:168@163.com>168(AT)163.com</a>
18. 怎樣在網頁中加入最後修改日期？
在body 中加入以下代碼即可：
<script Language="javascript">
document.write
("最後修改日期" + document.lastModified);
</Script>
19. 如何跳到頁面的頂部?
當瀏覽者瀏覽到頁面底部後，你需要提供一個單擊，讓瀏覽者方便的跳到頁面頂部，加入以下代碼：
<a href="#top">返回頂部</a>
20. 如何刪除圖片連結的藍色邊框?
如果我們設定了圖片為一個連結，會發現圖片四周出現了藍色邊框。要刪除邊框，需要在圖片標籤裡加上border="0"。如：<img src="/cnshell.jpg" border="0">
21. 如何為連結提供一個按鈕?
<form ACTION="cnshell.htm" METHOD="GET">
<p><input TYPE="submit" value="單擊這裡" ></p>
</form>
22. 如何在網頁上顯示訪問者系統資訊?
把以下代碼加入到<Body></Body>:
<script Language="javascript">document.write(navigator.appVersion)</script>
23. 圖片背景
<body background=圖片地址>
24. 顏色背景
<body bgcolor="color">
其中的"color"表示不同的顏色
25. 照片背景
<style type="text/css">
<!--
body{background-image:url(myphoto.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background- 50%}
-->
</style>
在網頁頁面中，可以看到你的照片位於頁面的正中間，而且在拉動瀏覽器視窗的捲軸時，照片仍然位於頁面的正中間而不隨頁面內容一起滾動。如果你覺得照片位於頁面的正中間不滿意，你也可以隨意地調整它在頁面中的位置，只需要調整"background-position"的值就可以了。
26. 將文字置於圖中代碼
<table background="圖片地址" width=100% height=100%>
<tr>
<td>
內容
</td>
</tr>
</table>
27. 立體感特效文字代碼
<FONT style="FONT-SIZE:30pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:#9900FF;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>我愛淄博娛樂時空 ！</B></FONT>
28. 帶彩色陰影特效文字代碼
<FONT style="FONT-SIZE:30pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文魏碑"><B>帶彩色陰影特效文字</B></FONT>
29. 凸起立體感特效文字代碼
<FONT style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>凸起立體感文字</B></FONT>
30. 套邊立體感特效文字代碼
<FONT style="FONT-SIZE:30pt;filter:glow(color=#00CC00,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>套邊立體感文字</B></FONT>
31. 3D陰影文字代碼
<style type="text/css">
.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); ; WIDTH: 100% }
</style>
<table border="0" width="100%">
<tr>
<td width="100%" ><font color="#008040">『動感DJ音樂網 3D文字』</font></td>
</tr>
</table>
32. 網頁兩側上下滾動廣告代碼
<!--左邊-->
<script LANGUAGE='JavaScript'>
var ad_float_left_src = "你的圖片地址";
var ad_float_left_url = "點擊圖片要開啟的網頁";
var ad_float_left_type = "";
</script>
<script ></script>
<!--右邊-->
<script LANGUAGE='JavaScript'>
var ad_float_right_src = "你的圖片地址";
var ad_float_right_url = "點擊圖片要開啟的網頁";
var ad_float_right_type = "";
</script>
<script ></script>
33. 文字、圖片向上滾動代碼
<marquee direction=up TrueSpeed scrollAmount=1 scrollDelay=40 height=100 width=150 border="0"> 這裡插入你想要的文字、圖片</marquee>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
