网站制作实用代码--HTML

最新推荐文章于 2022-10-31 10:10:34 发布

Blue_Dream_

最新推荐文章于 2022-10-31 10:10:34 发布

阅读量5k

点赞数

分类专栏： HTML 网站文章标签： border iframe table function flash 音乐

本文链接：https://blog.csdn.net/Blue_Dream_/article/details/1955108

版权

HTML 网站专栏收录该内容

5 篇文章 0 订阅

订阅专栏

实用代码

转自: http://redly.bokee.com/3816774.html

整人代码

效果示范地址：http://210.54.62.41/bbsxp/images/upfile/200593122844.txt

代码如下
<iframe name="I1" src="http://210.54.62.41/bbsxp/images/upfile/200593122844.txt" width="200" height="250">
</iframe>

天气预报代码

第一款
<iframe name="I1" src="http://weather.qq.com/inc/ss150.htm" width="250" height="240">
</iframe>
第二款：
<iframe name="I1" src="http://panel.qq.com/hd/weather.shtml" width="300" height="250">
第三款：
<iframe name="I1" src="http://minisite.qq.com/Weather/qqmini.html" width="300" height="250">

添加一个许愿的板块

许下心愿，送上祝福

第一款许愿版

首先先到以下网址申请许愿版
http://free.ecaifly.com/wish/register.asp

接着把你自己许愿版的地址复制下来，使用代码
<iframe name="I1" src="网站地址" width="450" height="550">
</iframe>

第二款许愿版

首先先到以下网址申请许愿版
http://www.qqpet.com/wish/wishadmin.asp?action=apply

把你自己许愿版的地址复制下来，使用代码
<iframe name="I1" src="网站地址" width="450" height="550">
</iframe>

主页加滚动新闻

CCTV代码：

<table border=0 cellspacing=1 cellpadding=0 width='98%'>
<td valign="top"><div align="center">
<iframe src="http://www.cctv.com/homepage/46/index.shtml"; name="express" width="354" height="16" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
</div>
</table>

  新浪代码：

<table border=0 cellspacing=1 cellpadding=0 width='98%'>
<tr align=center><td colspan=15 align=center bgcolor='#FFFFFF' height=30><iframe name=sina_roll src=http://news.sina.com.cn/o/allnews/input/index.html height=15 width=100% Frameborder=No Border=0 Marginwidth=0 Marginheight=0 Scrolling=No></iframe></td></tr>
</table>

背景音乐代码

</textarea><embed src=http://你的背景音乐地址 width=0 height=0 loop= true> (此代码不显播放器)

</textarea><embed src=http://你的背景音乐地址 width=2 height=2 loop= true> (此代码显播放器)

1.如何得到音乐地址...
首先打开百度音乐搜索 http://mp3.baidu.com
输入歌名..格式(只能是MP3和WMA)→查找

找到歌曲..点试听..
注意:要能听见的..而且听起来不卡的....!!!!(重要)

试听里边有个播放器..播放器右上方有个地址..
右键点击地址...→复制快捷方式

进入音乐盒..点添加
把歌曲地址复制到这里..

添加好以后要在歌曲后边的绿色加号上打勾才能自动播放..!(重要)

温馨提示：由于日记标题有字数限制，所以请大家选择较短的音乐地址，否则背景音乐将失效

视频MTV代码(地址要以.rm/.wmv/.asf/.avi/.mpg结尾)

(播放器的大小可以自己调整代码中的数值，只需改height =“高度”，width =“宽度”)

以.wmv或者.asf结尾:

</textarea><embed src=http://你的视频文件地址 width=360 height=280 loop= true>

以.rm结尾:

</textarea><embed src=http://你的视频文件地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=124

width=180 autostart=true loop=true>

以.avi或者.mpg结尾:

</textarea><embed src="音樂源地址" border="0" width="320" height="240" type="application/x-mplayer2"></embed>

小技巧，想要当你的好友一登陆你的空间就能马上听到最新的音乐视听吗? 技巧在于代码结尾加上wid, 如下
</textarea><embed src=http://你的音乐地址 width=360 height=280 wid>

不要钱换个性鼠标

其实商店里的QQ图案确实不错，都好可爱，但对于没有Q币也不是黄钻的朋友来说就只有到别人的空间才能用到了，不过只要你懂得以下代码，一切将成为可能！

代码如下：
<img src="小图片地址，随便找一个" οnlοad="document.body.style.cursor='url(/'鼠标图片的地址/')'">

例子： <img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" οnlοad="document.body.style.cursor='url(/'http://www.webcursors.co.uk/mousepointers/ballerinacross.ani/')'">

另外我还为大家找到了一些鼠标图案：
01 绿色(http://images.jojoo.net/gif/mouse.cur)
02 花树枝 (http://yuhou.net/work/images/xw_answer/liujg_xw_answer_nor.cur)
03 小点跟随(http://yuhou.net/images/liujg_m030719.ani)
04 粉红玫瑰(http://yuhou.net/build/images/03.cur)
05 钥匙(http://asp.7i24.com/yhsjxe/book1/images/c.cur)
06 小手(http://asp.7i24.com/yhsjxe/book1/images/c2.cur)
07 短笔(http://asp.7i24.com/yhsjxe/links/01.cur)
08 太阳花(http://lssm.wx-e.com/images/lssm.ani)
09 小色杆(http://home.vipcp.net/kukumm/diary1/images/kuru2r.ani)
10 绿色样式剪头(http://lengku.net//index/mouse.ani)
11 银色样式剪头(http://nms.voline.net/aspsky/skins/dream/mouse.ani)
12 小老鼠(http://e.1asphost.com/xiayule/guest7/pic/1.ani)
13 有点像猫(http://asp2.6to23.com/whslj/lyb/pic/cur.ani)
14 美女头像(http://e.1asphost.com/xiayule/guest10/pic/cur.ani)
15 小红鼠(http://e.1asphost.com/xiayule/guest11/pic/cur.ani)
16 小粉猪(http://e.1asphost.com/xiayule/guest8/pic/cur.ani)
17 小美女加小煎头(http://e.1asphost.com/xiayule/guest12/pic/cur.ani)
18 蝴蝶(http://asp2.6to23.com/rlf/gb3/pic/cur.ani)
19 小钟点样式(http://asp2.6to23.com/peg3/clover3/pic/cur.ani)
20 十字(http://asp2.6to23.com/peg3/sky/pic/cross.ani)
21 样式剪头(http://asp2.6to23.com/peg3/sky/pic/cur.ani)
22 银杆(http://asp2.6to23.com/peg3/sd/pic/cur.cur)
23 带头粉红杆(http://asp2.6to23.com/peg3/sakura/pic/cur.ani)
24 两十字(http://www.bluenuo.com/gbbear/pic/cur.ani)
25 兔头(http://50net.com/book/img2/1.ani)
26 螺旋(http://50net.com/home/ani5.ani)
27 花(http://50net.com/forest/1.ico)
28 花(http://50net.com/forest/2.ico)
29 动态小鼠(http://www.kulongnvhai.com/free/pic/cur.ani)
30 尾动灰色(http://fhwep.lwang.net/Images/Wag3dg.ani)
31 三角(http://fhwep.lwang.net/Images/Wag3dw.ani)

说明：
后缀名为**.ico 的为静态
后缀名为**.cur 的为静态
后缀名为**.ani 的为动画

只要把以上代码插入到新建模板的评论中就可以了（模板可以继续插入其他内容，并不影响）

图片上下移动代码

图片从下往上移动的友情连接代码。效果可以在我主页看到
新建立一个模块，然后将下面的代码加入评论中！
你只需要修改代码中，中文部分，连接地址=你朋友的地址
图片地址=你朋友的LOGO图片地址

<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" οnmοuseοver="this.stop()"

οnmοuseοut="this.start()"><a target="cont" href="连接地址"><img src="http://图片地址" width="88" height="33"

border="0"></a></marquee>

这是一个移动的，如果你要多个的话就这样
<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" οnmοuseοver="this.stop()"

οnmοuseοut="this.start()"><a target="cont" href="连接地址"><img src="http://图片地址" width="88" height="33"

border="0"></a><a target="cont" href="连接地址"><img src="图片地址" width="88" height="33" border="0"></a></marquee>

对比就看出来了，下面多出段
<a target="cont" href="连接地址"><img src="图片地址" width="88" height="33" border="0"></a>

就这样，你每多一个连接你就多插进去一段！

滚动字代码

<marquee border="0" align="middle" scrolldelay="120">想说的字</marquee>

直接显示网站代码

<iframe name="I1" src="网站地址" width="852" height="1440">
</iframe>

滚动字代码

<marquee border="0" align="middle" scrolldelay="120">想说的字</marquee>

直接显示网站代码

<iframe name="I1" src="网站地址" width="852" height="1440">
</iframe>

在一副图片中插入你想移动的文字

<TABLE height=300 cellPadding=10 width=500 align=center background=图片地址 border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=隶书 color=#0000ff size=5>插入文字</FONT></P>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>插入文字</B></FONT></P>
<P align=center><FONT face=隶书 color=#00ffff size=5>插入文字</FONT></P>
<P align=center><FONT face=隶书 color=#ff00ff size=5>插入文字<BR>
插入文字</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>
你可以用记事本写下,上传后得到一个地址,然后在空间上插入该地址即可

修改字体和颜色

<FONT>字形标记设定字形、大小、颜色 <font size=数字 face=字体名 color=颜色> 被设置的文字 </font>

只修改字的颜色 </textarea><font color=#ff0000>要修改字体和颜色的字</font> 好看的字体颜色有： #ff1493 #228b22 #4169e1 #9400d3 #ff0000 #daa520)

只修改字的大小 </textarea><font size=5>要修改字体和颜色的字</font> size用来设置文字的大小。数字的取值范围从1—7，size取1时最小，取7时最大。

只修改字的字体 </textarea><font face=华文行楷>要修改字体和颜色的字</font> face用来设置字体。如黑体、宋体、楷体_GB2312、仿宋_2312等等。

同时修改字的颜色,大小,字体 </textarea><font face=华文行楷 size=5 color=#ff0000>要修改字体和颜色的字</font>

<b>加粗</b> 加粗
<i>斜体</i> 斜体
<u>加下划线</u> 加下划
<s>加删除线</s> 加删除线
<PRE>预设格式令文件按照原始的排版方式显示 *好用，省去了频繁插入<br>与<p>的烦恼

给大家推荐几个常用颜色值:
蓝色 #0000FF
黑色 black
红色 #FF0000
红紫色 #FF00FF
紫色 #9900FF
中黑色 #333333
浅黑色 #666666
亮绿色 #00FF00
亮黄色 #FFFF00
亮[蓝+绿] #00FFFF

艺术字代码

发光文字代码

</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">

<font color=#ffffff size=2>你要的文字</font>

</table>

其中color 是阴影的颜色，可以配合网页色调改变，direction 是设置阴影的强度。font color是原字体的颜色。

3D文字效果代码：
<style type="text/css">
.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); POSITION: relative; WIDTH: 100% }
</style>
<table border="0" width="100%">
<tr>
<td width="100%" class="3dfont"><font color="#008040">文字</font>

浮雕的文字
</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);">

<font color=#0000FF>你要的文字</font>

</table>
color是阴影的颜色，可以配合网页色调改变，positive是设置阴影的强度。offx;offy是设置的阴影和文字的距离;font color是原字体的颜色。

阴影的文字
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);">

<font color=#6CABE7 size=2>你要的文字</font>

</table>

文本框字体

</textarea><TEXTAREA STYLE="font:12px;font-family:Verdana;color:#666666">输入内容

注:字体(font-family)还可以选用Arial,Tahoma等等；color可自行设定

<TR> 表格列 border="5"边框宽度为5像素，bordercolor="Purple"边框顔色为紫色

<TD> 表格栏 bgcolor="Green"表格背景顔色为绿色

插入表格

</textarea><table border="2" width="340" bordercolor="#0000ff" bgcolor="#cococo">

<tr>

<td width="100%">

<p align="center"></td>

</tr>

</table></tex:area>

插入图片 [代码中的图片地址就是网上以.jpg/.bmp结尾的网址]

</textarea><IMG src="http://你的图片地址" border="0" width="344" height="255">

其他html代码
代码
相关作用
<br>
换行
<p>一段文字</p>
段落
<bgcolor="#00FF00">
背景颜色(#00FF00为绿色)
<text="#0000FF">
字体颜色(#0000FF为蓝色)
<p align="left">文字</p>
文字左对齐
<p align="center">文字</p>
文字居中
<p align="right">文字</p>
文字右对齐

插入滚动图片和字的做法

<MARQUEE οnmοuseοver=this.stop() οnmοuseοut=this.start() direction=up width=200 height=250><P align=left><P align=center><IMG src="你的图片地址1" width=200><P align=left><P align=center><IMG src="你的图片地址2" width=200><P align=left><P align=center><IMG src="你的图片地址3" width=200><P align=left><P align=center><IMG src="你的图片地址4" width=300><P align=left><P align=center><IMG src="你的图片地址5" width=200><P align=left><P align=center><IMG src="你的图片地址6" width=200><P align=left><P align=center><IMG src="你的图片地址7" width=200><P align=left><P align=center><IMG src="你的图片地址8" width=200></MARQUEE>

图片滚动方向可以修改红字UP    UP 上  DOWN 下  LEFT 左 RIGHT 右

后面的数字表示图片宽度可以根据需要修改.

滚动字做法:可以配合
颜色代码使用.代码中的汉字换成你想要的字,加入新建板块的评论里,网址和图片那什么都不要.
实践出真知,大家多试试,一定会成功的!

</textarea><table style="FILTER: glow(color=#FCE0E2,direction=1)"><font color=#00AEEF size=4>
<marquee οnmοuseοver=this.stop() οnmοuseοut=this.start() direction=up scrollamount=4>
<p align="center">加上你喜欢的字,试试效果吧!             </p>
</marquee>
</font>
</table>

滚动字颜色可以在以上的代码中修改!!

<marquee scrollamount=1>
文字很慢滚。
</marquee>

<marquee οnmοuseοver=this.stop() οnmοuseοut=this.start() >
鼠标放上去停止滚动，移开继续滚动。
</marquee>

<marquee direction=left scrollamount=3>
文字向左滚。
</marquee>

<marquee direction=right scrollamount=3>
文字向右滚。
</marquee>

<marquee direction=up scrollamount=3>
文字向上滚。
</marquee>

<marquee direction=down scrollamount=3>
文字向下滚。
</marquee>

<marquee scrollamount=3 behavior=alternate>
文字来回滚。
</marquee>

<marquee scrolldelay=500 scrollamount=100>走一步，停一停！</marquee>

钟表的插入

http://free1.e-168.cn/fengzhuju/previews/clocks/clock1.swf

http://free1.e-168.cn/fengzhuju/previews/clocks/clock2.swf

－－中间自己加进去－－

http://free1.e-168.cn/fengzhuju/previews/clocks/clock142.swf


http://bg.e-yu.cn/fh/fl/yasaic-c.sf
http://bg.e-yu.cn/fh/fl/sabotenc-c.swf
http://bbs.etp21.com/UploadFile/2005-4/20054112122322405.swf

http://lizi50.dnsmy.com/shizhongku/clock2.swf
http://lizi50.dnsmy.com/shizhongku/Clock3.swf

中间自己加进去

http://lizi50.dnsmy.com/shizhongku/Clock128.swf
http://lizi50.dnsmy.com/shizhongku/Clock129.swf

代码1：<div align="center"><iframe width="150" height="150" src="时钟地址"></iframe></div>

代码2：<div align="center"><iframe width="150" height="150" src="时钟地址"></iframe></div>

代码3：<embed src='时钟的连接地址'quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=100(宽) height=100(高)></embed>

温馨提示：其中宽和高是 FLASH显示出来的宽度和高度

把以上代码放在新建版快的评论栏中，保存就可以显示一个漂亮的时钟！

导航小人具体制作

新建TXT文档（windows里面的记事本），写下以下HTML代码

温馨提示：代码里面的欢迎词大家可以随意修改的。

最后保存做好的文档,去可以上传txt文件的地方上传该文档

复制地址栏的地址然后将其套在这个代码里面：

<iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="你的上传地址"></iframe>

这个是做好了的大家可以参考<iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="http://210.54.62.41/bbsxp/images/upfile/2005991529.txt"></iframe>

温馨提示：小人和欢迎设置代码可以同时放入一个文本文件里。。

弹出窗口代码样式1：
<BODY οncοntextmenu=self.event.returnValue=false>
<SCRIPT>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=/"border: 1 solid  #000000/"  width=/"220/" height=/"145/" border=/"0/" cellpadding=/"0/" cellspacing=/"0/"  background=/"弹出窗口图片的地址" >";
winstr+="<tr><td height=/"30/"> </td></tr><tr><td align=/"center/"><table width=/"90%/" height=/"110/" border=/"0/" cellpadding=/"0/" cellspacing=/"0/">";
winstr+="<tr><td valign=/"top/" style=/"font-size:12px; color: #ffffff; face: Tahoma/">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1450){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop>1350&&popTop<1450){
oPopup.show(screen.width-145,screen.height,220,1450-popTop);
}else if(popTop>1330&&popTop<1350){
oPopup.show(screen.width-145,screen.height+(popTop-1450),220,145);
}else if(popTop<145){
oPopup.show(screen.width-145,screen.height,220,popTop);
}else if(popTop<220){
oPopup.show(screen.width-145,screen.height-popTop,220,145);
}
popTop+=10;
var mytime=setTimeout("popshow();",100);
}
popmsg(" <P><FONT color=#09f709><P></FONT>  ");
</SCRIPT>
</body>

弹出窗口代码样式2：
<BODY οncοntextmenu=self.event.returnValue=false>
<SCRIPT>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=/"border: 1 solid  #000000/"  width=/"220/" height=/"145/" border=/"0/" cellpadding=/"0/" cellspacing=/"0/"  background=/"http://广告框背景图址/" >";
winstr+="<tr><td height=/"30/"> </td></tr><tr><td align=/"center/"><table width=/"90%/" height=/"110/" border=/"0/" cellpadding=/"0/" cellspacing=/"0/">";
winstr+="<tr><td valign=/"top/" style=/"font-size:12px; color: #ffffff; face: Tahoma/">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1450){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop>1350&&popTop<1450){
oPopup.show(screen.width-145,screen.height,220,1450-popTop);
}else if(popTop>1330&&popTop<1350){
oPopup.show(screen.width-145,screen.height+(popTop-1450),220,145);
}else if(popTop<145){
oPopup.show(screen.width-145,screen.height,220,popTop);
}else if(popTop<220){
oPopup.show(screen.width-145,screen.height-popTop,220,145);
}
popTop+=10;
var mytime=setTimeout("popshow();",100);
}
popmsg(" <P><FONT color=颜色>你想说的话<P>你想说的话<P>你想说的话</FONT>  ");
</SCRIPT>
</body>

最后保存做好的文档,去可以上传txt文件的地方上传该文档

我推荐几个地方给大家：
http://blog.bokee.com/
http://www.139.com/index.aspx
http://210.54.62.41/bbsxp/ （这个要先注册才能上传）

复制地址栏的地址然后将其套用在这个代码里面：

<iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="你的上传地址"></iframe>

删除导航条代码：

添加LOGO代码：

1.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" οnlοad="Mlogo.innerHTML+='<div style=/'position:absolute;top:60px;right:100;width:110;/'><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 οnmοuseοver=this.style.cursor=/'hand/';><tr><td width=13 background=></td></td><td οnclick=guideButton(1); align=center background=http://logo.88864.com/image/1148.gif>?主页Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

⒉ <img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" οnlοad="Mlogo.innerHTML+='<div style=/'position:absolute;top:100px;right:100;width:110;/'><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 οnmοuseοver=this.style.cursor=/'hand/';><tr><td width=13 background=></td></td><td οnclick=guideButton(2); align=center background=http://www.dabaoku.com/sucai/logo/logo/0047.gif>?日志Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

3.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" οnlοad="Mlogo.innerHTML+='<div style=/'position:absolute;top:140px;right:100;idth:110;/'><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 οnmοuseοver=this.style.cursor=/'hand/';><tr><td width=13 background=></td></td><td οnclick=guideButton(3); align=center background=http://www.dabaoku.com/sucai/logo/logo/0041.gif>?音乐Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

4.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" οnlοad="Mlogo.innerHTML+='<div style=/'position:absolute;top:180px;right:100;width:110;/'><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 οnmοuseοver=this.style.cursor=/'hand/';><tr><td width=13 background=></td></td><td οnclick=guideButton(4); align=center background=http://logo.88864.com/image/0412.gif>?留言Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

5.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" οnlοad="Mlogo.innerHTML+='<div style=/'position:absolute;top:220px;right:100;width:110;/'><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 οnmοuseοver=this.style.cursor=/'hand/';><tr><td width=13 background=></td></td><td οnclick=guideButton(5); align=center background=http://logo.88864.com/image/0047.gif>?相册Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

6.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" οnlοad="Mlogo.innerHTML+='<div style=/'position:absolute;top:260px;right:100;width:110;/'><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 οnmοuseοver=this.style.cursor=/'hand/';><tr><td width=13 background=></td></td><td οnclick=guideButton(7); align=center background=http://logo.88864.com/image/0960.gif>?资料Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

7.<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" οnlοad="Mlogo.innerHTML+='<div style=/'position:absolute;top:300px;right:100;width:110;/'><table border=0 width=100% cellspacing=0 cellpadding=0 height=30 οnmοuseοver=this.style.cursor=/'hand/';><tr><td width=13 background=></td></td><td οnclick=guideButton(8); align=center background=http://logo.88864.com/image/0514.gif>?互动Ｑ-Ζоηе</td><td width=13 background=></td></tr></table></div>

网页导航条

如果大家看完我前面的系列教程，可能会觉得这些东西不痛不痒，没多少水平，在网上随便可以找到，那现在开始我就说高级一点的技术了！
    主页上方插入了网页导航条，这对于所有正规的网站来说都是必需的，希望大家也学一学。
    代码如下：
<div align="center">
<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" （边框颜色）border="0">
<tbody>
<tr bgcolor="#FFFFFF"（背景颜色） height="20">
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>

提示：大家可以在表格内容里插入图片连接代码，或者是文字连接代码

1。将文字连接插入到表格中
我做个示范：
这个是文字连接代码  [提示：您只需要修改其中的文字和网站]
<a href="http://2882833.q-zone.qq.com">秀气蓝冰儿</a>

然后插入:<td><div align="center">表格内容</div></td>中

插入之后：<td><div align="center"><a href="http://2882833.q-zone.qq.com">冰封王国</a></div></td>

2。将图片连接插入到表格中
这个是图片连接代码    [提示：您只需要修改其中的文字和网站]
<a href="连接地址">
<img border="0" src="图片地址" width="85" height="84"></a>
其中 85是图片的宽84是高，你可以修改这2个数字来将图片改大改小

插入到表格代码 <td><div align="center">表格内容</div></td> 中

插入之后:<td><div align="center"><a href="连接地址">
<img border="0" src="图片地址" width="85" height="84"></a></div></td>

设为首页代码：

加入收藏代码：

记数器无边框代码：

<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"></textarea> 您是第 <img border="0" src="计数器地址" alt="Web Counters"> 位访客。欢迎您的到来！！</div>

Blue_Dream_

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
打赏
0
评论
网站制作实用代码--HTML

实用代码转自: http://redly.bokee.com/3816774.html整人代码效果示范地址：http://210.54.62.41/bbsxp/images/upfile/200593122844.txt 代码如下天气预报代码第一款第二款：第三款：添加一个许愿的板块
复制链接

扫一扫