码迷,mamicode.com
首页 > Web开发 > 详细

网页常用代码(转)

时间:2014-08-05 22:11:50      阅读:285      评论:0      收藏:0      [点我收藏+]

标签: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>

网页常用代码(转),布布扣,bubuko.com

网页常用代码(转)

标签:style   http   color   java   使用   os   io   strong   

原文地址:http://www.cnblogs.com/bofengyu/p/3893083.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!