[博客](美图编制一学就会）html 成 品 代 码分享

博客

不懂html语言的朋友也可以做一幅漂亮的图哦,只要复制这些代码.换上你自已喜欢的图片网址或者动画网址, 一幅属于你的大作就产生了。   CODE:   一、边框：1.两层< ALIGN=CENTER><TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1><TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0><TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table>2.八层<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0><TBODY><TR><TD><TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0><TBODY><TR><TD><TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0><TBODY><TR><TD><TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0><TBODY><TR><TD><TABLE height=365 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0><TBODY><TR><TD><DIV align=center><TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0><TBODY><TR><TD><DIV align=center><TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0><TBODY><TR><TD><TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0><TBODY><TR><TD>加入内容</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>3.三层<CENTER><TABLE cellSpacing=10 cellPadding=2 width=450 bgColor=#000000 border=1><TR><TD><TABLE cellSpacing=8 cellPadding=10 width=450 bgColor=#000000 border=1><TR><TD><CENTER><TABLE cellSpacing=8 cellPadding=10 width=450 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0153.gif border=0><TR><TD>加入内容</TD></TR></TABLE></CENTER></TD></TR></TABLE></TD></TR></TABLE> 4.一层<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5><TBODY><TR><TD>加入内容</TD></TR></TBODY></TABLE>5.两层<CENTER><TABLE borderColor=#0000ff cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width=480 border=1><TBODY><TR><TD><TABLE cellSpacing=5 cellPadding=5 width=430 align=center background=http://znrs.2000y.net/UploadFile/2004-6/200467181958882.jpg border=0><TBODY><TR><TD>加入内容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>二、加入内容（图片、FLASH、音乐等代码）：（一）单纯的一张图片：< align=center><IMG src=http://forum.xicn.net/uploadFile/2004/05/29/AqSegBJrrq214800bingchuan4.jpg></P>（二）加框有一层FLASH的图片：<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000"><TBODY><TR><TD>< align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>（三）加框用两层FLASH的图片：< align=center><TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462010554370.jpg border=1 bortercolor="#000000"><TBODY><TR><TD>< align=center><EMBED align=right src=http://www.cn898.net/bg/400.swf width=400 height=280 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED align=right src=http://www.cn898.net/bg/fh/3/1.swf width=380 height=285 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR></P></TD></TR></TBODY></TABLE>（四）两个FLASH上下排列的图片：<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095452492.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED src=http://www.cn898.net/bg/9.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>（五）上下移动的图片们：<center><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 borderColor="#000000" border="1"><P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/43akqeHuYd214718bingchuan4.jpg"></P><P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/DLSKfBs53V215623bingchuan4.jpg"></P><P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/ZEd88baGsn215638bingchuan4.jpg"></P></MARQUEE></center>（六）左右移动的图片们：<CENTER><MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%"><CENTER><TABLE cellSpacing=0 width=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0 cellpading="0"><TBODY><TR><TD><P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/bihe.jpg__2004511215822101.jpg"></P><P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/by.jpg__2004511215822766.jpg"></P><P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/htys.jpg__2004511215822890.jpg"></P><P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/hyxq.jpg__2004511215822564.jpg"></P><P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/lty.jpg__2004511215822316.jpg"></P><P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/zyh.jpg__2004511215916227.jpg"></P><P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/yannian.jpg__200451121591787.jpg"></P><P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/xbh.jpg__2004511215917981.jpg"></P><P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mdqg.jpg__20045112203661.jpg"></P><P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mlsx.jpg__20045112203201.jpg"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>（七）图片雾化效果：<CENTER><TABLE cellSpacing=0 cellPadding=0 width=400 background=http://www.cn898.net/bbs/UploadFile/20044244514090780.jpg border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=http://61.133.87.122/bbs/attachments/month_0405/5_IHwvJkvgflPp.jpg height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>（八）图片倒影效果：<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></P></FONT></FONT><BR><BR> （九）图片向左右相反的方向移动的效果：<MARQUEE width=200 height=50><IMG src="http://www.mtxsnow.net/UploadFile/2004361972445799.gif"><IMG src="http://www.snsn.net/user/zn/UploadFile/2004-6/2004615135733903.gif"><IMG src="http://www.mtxsnow.net/UploadFile/2004361972445799.gif"></MARQUEE><MARQUEE direction=right width=200 height=50><IMG src="http://851.vicp.net/bbs/UploadFile/2004-4/20044895834296.gif"><IMG src="http://www.snsn.net/user/zn/UploadFile/2004-6/200461612563116.gif"><IMG src="http://851.vicp.net/bbs/UploadFile/2004-4/20044895834296.gif"></MARQUEE><BR><BR>（十）加入背景音乐代码：<EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>所用元素：<EMBED></EMBED>参数：src：音乐文件的URL；hidden：=true为不可见，=false反之；type：指定音频类型；LOOP：是否循环播放，注意其值置于小角双引号中；AUTOSTART：是否自动播放，其值同上。

壮壮

可以指导一下吗？有些不太明白。谢谢了

荒漠甘泉

慢慢学习啊

葡萄干

非常感谢，都是很不错的特效！

zgl

Mygod，眼花了