首頁 > 開發者 > 網站開發

網頁常用代碼

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：style   http   color   java   使用   os   io   strong   

網頁製作常用代碼(文字顏色／字型／插入圖片／flash等)


 

 

一：顏色代碼如果你想使用某種顏色，取得它的顏色值即可。比如，您想改變某些文字的顏色，您可以使用下面的代碼：<font color=#ffc060　size=2>改變#符號後的代碼即可改變顏色</font>

000000 000020 000040 000060 000080 0000a0 0000c0 0000ff
008000 008020 008040 008060 008080 0080a0 0080c0 0080ff
00ff00 00ff20 00ff40 00ff60 00ff80 00ffa0 00ffc0 00ffff
c00000 c00020 c00040 c00060 c00080 c000a0 c000c0 c000ff

ff0000

ff0020

ff0040

ff0060

ff0080

ff00a0

ff00c0

ff00ff

二：文字加粗 傾斜的代碼◆文字加粗的代碼是: <b>你好</b> ◆文字傾斜的代碼是: <i>你好！</i> ◆底線字：<u></u>

三：文字連結代碼如果您想點擊某處文字會串連到另外一個網頁的效果，這是超連結，代碼是這樣：
<a href="網站地址";>共用空間</a>如果要點了這個文字以後重新開啟一個視窗的話，代碼是：<a href="網站地址";; target="_blank">共用空間</a>

 

四：在網站上放圖片的代碼如果你看到一個好看的圖片想放到網站上，代碼是這樣的：
<img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100">
後面的數字調節圖片的尺寸大小。

 

 

五：圖片連結代碼如果要點一片就能開啟一個網站的連結代碼是這樣的：
<a href="http://www.163.com";><img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100"></a>
如果要點一片就能開啟一個網站的連結，並且重新開啟一個視窗。代碼是這樣的：
<a href="http://www.163.com";; target="_blank"><img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100"></a>上面的數字都能調節圖片尺寸大小。

 

六：換行代碼如果你想換行，直接用Enter鍵是不行的，需要在您想換行的位置輸入<br>
，這樣就會分成兩行顯示 ，整個網站看起來也不會是一大片了，而是段落分明。

 

七：文字移動的代碼是<marquee>這裡寫文字</marquee>

左右移動<marquee behavior=alternate>啦啦啦，我來回走耶！</marquee>

文字向上移動:

<MARQUEE scrollAmount=1 direction=up behavior=alternate height=260><MARQUEE scrollAmount=1 direction=up height=150>
文字
</MARQUEE></MARQUEE>

八：移動圖片的代碼<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";>
裡面的圖片地址自己定。

 

 

九：背景音樂的代碼如果想在你的網站上放上一段好聽的背景音樂，代碼是： <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/
這個網站都有好的背景音樂

十：在網站中插入一個flash動畫的代碼是<embed width=200 height=200
src="http://flash.shangdu.com/view/2/fff";> 裡面的動畫地址換成你的.動畫地址都要的形式結尾。這點需要注意。

十一：開啟網站時候出現的歡迎詞代碼
<body onLoad= alert("你好，歡迎訪問本網站！")>

十二：關閉網站的時候出現的話
<body onUnload="window.alert(\‘謝謝您的光臨,誠邀加盟.請記住本站網域名稱：http://www.yz126.com/ 站長信箱：****@yahoo.com.cn 歡迎諮詢\‘)">

十三：開啟網站的時候自己做一個快顯視窗的廣告
<script language="javascript">
var TimerID=1;
window.open(\‘http://163.com&/#39;,\‘\‘,\‘width=600,height=300,left=100,top=50\‘);
</script>
裡面的 http://163.com/

十四：滑鼠感應字型變紅色的代碼如下：插在<body></body>之間

<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>

十五：禁止他人複製你網頁的代碼：

<body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false">

十六：把其它網頁放入自已網頁中的代碼：

<IFRAME name=smjh align=center src="這裡換成你要放入網站的網址" frameBorder=0 width=760 scrolling=no height=300></IFRAME>

 

1>.讓背景固定不動的代碼

<Body bgproperties="fixed">

2>.插入透明FLASH代碼
<embed src="這裡放flash的地址";; width="800" height="800" quality="high"wmode="transparent" align="right" style="position: absolute; left:92; top:0">

3>.讓頁面不要捲軸
讓豎條沒有:

<body style=‘overflow:scroll;overflow-y:hidden‘>
</body>
讓橫條沒有:

<body style=‘overflow:scroll;overflow-x:hidden‘>
</body>

兩個都去掉

<body scroll="no">
</body>

4>.加入音樂代碼

①.為無限次迴圈


<bgsound src="音樂地址" loop="-1">



②.隨即播放背景音樂


這個效果可以讓沒次進首頁所播放的音樂會不同.

<SCRIPT language="javascript">
<!--
var sound1="音樂的地址1"
var sound2="音樂的地址2"
var sound3="音樂的地址3"
var sound4="音樂的地址4"
var sound5="音樂的地址5"
var sound6="音樂的地址6"
var sound7="音樂的地址7"
var sound8="音樂的地址8"
var sound9="音樂的地址9"
var sound10="音樂的地址10"
var x=Math.round(Math.random()*9)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else if (x==3) x=sound4
else if (x==4) x=sound5
else if (x==5) x=sound6
else if (x==6) x=sound7
else if (x==7) x=sound8
else if (x==8) x=sound9
else x=sound10
if (navigator.appName=="Microsoft Internet Explorer")
document.write(‘<bgsound src=‘+‘"‘+x+‘"‘+‘ loop="infinite">‘)
else
document.write(‘<embed src=‘+‘"‘+x+‘"‘+‘hidden="true" border="0" width="20" height="20" autostart="true" loop="true">‘)


//-->

5>. 去掉超連結的底線
以下代碼複製到<head></head>之間

<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {color: #00ffff;text-decoration:underline}
-->
</style>


 

彩色捲軸:

<STYLE type=text/css>
body
 {
  scrollbar-face-color: #b5daff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #000000;
  scrollbar-arrow-color: #0000ff;
  scrollbar-base-color: #6699ff;
  scrollbar-dark-shadow-color: #6699ff;
 }
</STYLE>

 


 去掉超串連的底線:

插在<body></body>之間

<STYLE type=text/css>
<!-
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}
->
</STYLE>

超連結背景色

<!--One step to installing this script-->

<!--1) Copy everything below, and paste in HEAD section of page-->

<style>

<!--

a:hover {background-color:#FFFF00;}

//-->

</style>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More