现在的位置: 首页 > 综合 > 正文

建网站常用HTML代码

2018年05月15日 ⁄ 综合 ⁄ 共 5206字 ⁄ 字号 评论关闭
如果你想使用某种颜色,取得它的颜色值即可。比如,您想改变某些文字的颜色,您可以使用下面的代码:
<font color=#ffc060 size=3 face="黑体">改变#符号后的代码即可改变颜色</font>
颜色代码网页推荐:http://blog.163.com/zhangchunliang923@126/blog/static/52333397200711385847672/

2. 文字加粗 倾斜的代码
◆文字加粗的代码是: <b>你好</b> ◆文字倾斜的代码是: <i>你好!</i> ◆底线字:<u></u>

3. 文字链接代码
如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样:
<a href="网站地址">共享空间</a>如果要点了这个文字以后重新打开一个窗口的话,代码是:<a href="网站地址"target="_blank">共享空间</a>

4. 在网站上放图片的代码
如果你看到一个好看的图片想放到网站上,代码是这样的:
<img src="http://img.blog.163.com/photo/qYH_i98naqjwM-WZX1Xabg==/423619839952249959.jpg" 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">
<!--
body{background-image:url(myphoto.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background- 50%}
-->
</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>

抱歉!评论已关闭.