[06-25] 网页制作常用代码
[align=left][size=1][color=#ff8000]一：颜色代码[/color]
[/size]如果你想使用某种颜色，取得它的颜色值即可。比如，您想改变某些文字的颜色，您可以使用下面的代码：<font color=#ffc060 size=2>[color=#408080]改变#符号后的代码即可改变颜色[/color]</font>[/align][font=宋体][color=#000000][align=center][table][tr][td][font=楷体_GB2312][size=1][color=#ffffff]000000 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ffffc0]000020 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ffffa0]000040 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ffff80]000060 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ffff60]000080 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ffff40]0000a0 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ffff20]0000c0 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ffff00]0000ff[/color][/size][/font][/td][/tr][/table][/align][align=center][table][tr][td][font=楷体_GB2312][size=1][color=#ff60ff]008000 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff60c0]008020 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff60a0]008040 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff6080]008060 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff6060]008080 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff6040]0080a0 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff6020]0080c0 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff6000]0080ff [/color][/size][/font][/td][/tr][/table][/align][align=center][table][tr][td][font=楷体_GB2312][size=1][color=#ff00ff]00ff00 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff00c0]00ff20 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff00a0]00ff40 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff0080]00ff60 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff0060]00ff80 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff0040]00ffa0 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff0020]00ffc0 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#ff0000]00ffff [/color][/size][/font][/td][/tr][/table][/align][align=center][table][tr][td][font=楷体_GB2312][size=1][color=#20ffff]c00000 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#20ffc0]c00020 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#20ffa0]c00040 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#20ff80]c00060 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#20ff60]c00080 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#20ff40]c000a0 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#20ff20]c000c0 [/color][/size][/font][/td][td][font=楷体_GB2312][size=1][color=#20ff00]c000ff [/color][/size][/font][/td][/tr][/table][/align][align=center][table][tr][td][align=center][font=楷体_GB2312][size=1][color=#00ffff]ff0000 [/color][/size][/font][/align][/td][td][align=center][font=楷体_GB2312][size=1][color=#00ffc0]ff0020 [/color][/size][/font][/align][/td][td][align=center][font=楷体_GB2312][size=1][color=#00ffa0]ff0040 [/color][/size][/font][/align][/td][td][align=center][font=楷体_GB2312][size=1][color=#00ff80]ff0060 [/color][/size][/font][/align][/td][td][align=center][font=楷体_GB2312][size=1][color=#00ff60]ff0080 [/color][/size][/font][/align][/td][td][align=center][font=楷体_GB2312][size=1][color=#00ff40]ff00a0 [/color][/size][/font][/align][/td][td][align=center][font=楷体_GB2312][size=1][color=#00ff20]ff00c0 [/color][/size][/font][/align][/td][td][align=center][font=楷体_GB2312][size=1][color=#00ff00]ff00ff [/color][/size][/font][/align][/td][/tr][/table][/align][align=left][size=1][/size][/color][/font][color=#0000ff][/color][font=宋体][/font][/align][align=left][size=3][color=#ff8000][font=宋体]二：文字加粗 倾斜的代码[/font][/color]
[/size][font=宋体][size=3][color=#000000]◆文字加粗的代码是: <b>你好</b> ◆文字倾斜的代码是: <i>你好！</i> ◆底线字：<u></u>
[/color][/size][/font][font=宋体][color=#0000ff][size=3][color=#ff8000]三：文字链接代码[/color]
[/size][/color][/font][size=3][font=宋体][color=#000000]如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代码是这样：
<a href="网站地址";>共享空间</a>[/color][/font][font=宋体][color=#000000]如果要点了这个文字以后重新打开一个窗口的话，代码是：<a href="网站地址";; target="_blank">共享空间</a>[/color][/font][/size][/align][align=left][size=3][/size][/align][align=left][size=3][font=宋体][color=#ff8000]四：在网站上放图片的代码[/color][/font]
[/size][font=宋体][size=3][color=#000000]如果你看到一个好看的图片想放到网站上，代码是这样的：
[/color][/size][/font][size=3][font=宋体][color=#000000]<img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100">
[/color][/font][font=宋体][color=#000000]后面的数字调节图片的尺寸大小。[/color][/font][/size][/align][align=left][size=3][/size][/align][align=left][size=3][/size][/align][align=left][size=3][font=宋体][color=#ff8000]五：图片链接代码[/color][/font]
[/size][font=宋体][size=3][color=#000000]如果要点一下图片就能打开一个网站的链接代码是这样的：
[/color][/size][/font][font=宋体][size=3][color=#000000]<a href="http://www.163.com";><img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100"></a>
[/color][/size][/font][size=3][font=宋体][color=#000000]如果要点一下图片就能打开一个网站的链接，并且重新打开一个窗口。代码是这样的：
[/color][/font][font=宋体][color=#000000]<a href="http://www.163.com";; target="_blank"><img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100"></a>[/color][/font][font=宋体][color=#000000]上面的数字都能调节图片尺寸大小。[/color][/font][/size][/align][align=left][size=3][/size][/align][align=left][color=#0000ff][size=3][font=宋体][color=#ff8000]六：换行代码[/color][/font]
[/size][/color][font=宋体][size=3][color=#000000]如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入<br>
，这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明。[/color][/size][/font][/align][align=left][size=3][/size][/align][align=left][size=3][color=#0000ff][font=宋体][color=#ff8000]七：文字移动的代码是[/color][/font]
[/color][font=宋体][color=#000000]<marquee>这里写文字</marquee> [/color][/font][/size][/align][size=3][font=宋体][color=#ff8000]八：移动图片的代码[/color][/font]
[/size][font=宋体][size=3][color=#000000]<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>
[/color][/size][/font][font=宋体][size=3][color=#000000]把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入：
[/color][/size][/font][size=3][font=宋体][color=#000000]<img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";>
里面的图片地址自己定。[/color][/font]
[/size][align=left][size=3][/size][/align][align=left][size=3][/size][/align][align=left][size=3][font=宋体][color=#ff8000]九：背景音乐的代码[/color][/font]
[/size][size=3][font=宋体][color=#000000]如果想在你的网站上放上一段好听的背景音乐，代码是： <bgsound src="http://xxxxx.com/xxx.mid";loop=10>
[/color][/font][font=宋体][color=#000000]<bgsound src="http://www.midifan.com/midi/music.ASP?id=3073";loop=30> [/color][/font][/size][font=宋体][size=3][color=#000000]里面的背景音乐地址你能自己替换。
[/color][/size][/font][font=宋体][size=3][color=#000000]前面的是音乐地址，一般都以mid或者mp3的形式结尾 后面的数字是播放次数。
http://www.midifan.com/midi/
这个网站都有好的背景音乐[/color][/size][/font][/align][align=left][font=宋体][size=3][color=#000000][/color][/size][/font][/align][align=left][font=宋体][color=#0000ff][size=3][color=#ff8000]十：在网站中插入一个flash动画的代码是[/color]
[/size][/color][/font][size=3][font=宋体][color=#000000]<embed width=200 height=200
src="http://flash.shangdu.com/view/2/fff.swf";> [/color][/font][font=宋体][color=#000000]里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注意。[/color][/font][/size][/align][align=left][font=宋体][size=3][color=#000000][/color][/size][/font][/align][align=left][font=宋体][color=#000000][size=3][color=#ff8000]十一：打开网站时候出现的欢迎词代码[/color]
<body onLoad= alert("你好，欢迎访问本网站！")> [/size][/color][/font][/align][align=left][font=宋体][size=3][/size][/font][/align][align=left][size=3]十二：关闭网站的时候出现的话
<body [url]http://www.yz126.com/[/url]" target=_blank>[size=3][color=#000000][u]http://www.yz126.com/[/u][/color][/size][size=3] 站长信箱：[/size][url=http://dbadk.host.591idc.com/bbs/mailt****@yahoo.com.cn][size=3][color=#000000][u]****@yahoo.com.cn[/u][/color][/size][/url][size=3] 欢迎咨询')">[/size][/size][/align][align=left][font=宋体][size=3][/size][/font][/align][align=left][font=宋体][size=3][/size][/font][/align][align=left][font=宋体][size=3]十三：打开网站的时候自己做一个弹出窗口的广告
<script language="javascript">
var TimerID=1;
window.open('[/size][url=http://163.com&/#39;,][size=3][color=#000000]http://163.com',[/color][/size][/url][size=3]'','width=600,height=300,left=100,top=50');
</script>
[/size][/font][font=宋体][size=3]里面的 [/size][url=http://163.com/][size=3][color=#000000]http://163.com 这个是你预先做好的一个网页，后面的数字是调节大小和位置的，你自己多试验几次。[/color][/size][/url][/font][/align][align=left][font=宋体][size=2][color=#ff8040]十四：鼠标感应字体变红色的代码如下：插在<body></body>之间[/color][/size][/font][/align][align=left]<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>[/align][align=left][color=#ff712d]十五：禁止他人复制你网页的代码：[/color][/align][align=left]<body bgcolor="#ffffff">[/align][align=left]十六：把其它网页放入自已网页中的代码：[/align][align=left]<IFRAME name=smjh align=center src="../../这里换成你要放入网站的网址" frameBorder=0 width=760 scrolling=no height=300></IFRAME>[/align]
