建网站常用HTML代码

时间：2022-11-10 23:37:01

建网站常用HTML代码

如果你想使用某种颜色，取得它的颜色值即可。比如，您想改变某些文字的颜色，您可以使用下面的代码：
<font color=#ffc060 size=3 face="黑体">改变#符号后的代码即可改变颜色</font>
颜色代码网页推荐：http://eyz.nease.net/tflash/jm/02/tiaoseban.swf

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

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

标签：border 代码网站 html float javascript flash 音乐

相关文章

