网页制作常用代码

来源：互联网发布：js仿ios地区选择器编辑：程序博客网时间：2024/04/28 04:10

一：颜色代码
如果你想使用某种颜色，取得它的颜色值即可。比如，您想改变某些文字的颜色，您可以使用下面的代码：<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><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.swf";> 里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注意。

十一：打开网站时候出现的欢迎词代码
<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',里面的 http://163.com 这个是你预先做好的一个网页，后面的数字是调节大小和位置的，你自己多试验几次。'','width=600,height=300,left=100,top=50');
</script>

十四：鼠标感应字体变红色的代码如下：插在<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>

十五：禁止他人复制你网页的代码：

十六：把其它网页放入自已网页中的代码：