html 成品代码

不懂html语言的朋友也可以做一幅漂亮的图哦,只要复制这些代码.换上你自已喜欢的图片网址或者动画网址, 一幅属于你的大作就产生了。
CODE: [Copy to clipboard]
--------------------------------------------------------------------------------

边框：

1.两层<P 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./linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=http://www./linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=http://www./linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=http://www./linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=365 cellSpacing=0 cellPadding=2 width="100%" background=http://www./linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=http://www./linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=http://www./linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=http://www./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./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./UploadFile/2004-6/200467181958882.jpg border=0>
<TBODY>
<TR>
<TD>
加入内容
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</CENTER>
加入图片代码：

一、单纯的一张图片
<P align=center><IMG src=http://forum./uploadFile/2004/05/29/AqSegBJrrq214800bingchuan4.jpg></P>
二、加框有一层FLASH的图片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www./htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www./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的图片
<P align=center>
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www./htdocs/dvbbs/UploadFile/2004-6/200462010554370.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://www./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./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./htdocs/dvbbs/UploadFile/2004-6/200462095452492.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www./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./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=""></P>
<P align=center><IMG src=""></P>
<P align=center><IMG src=""></P>
</MARQUEE></center>
六、左右移动的图片们：（要有个背景哟）<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw./image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
<P align=center><IMG src=""></P>
<P align=center><IMG src=""></P>
<P align=center><IMG src=""></P>
<P align=center><IMG src=""></P>
<P align=center><IMG src=""></P>
<P align=center><IMG src=""></P>
<P align=center><IMG src=""></P>
<P align=center><IMG src=""></P>
<P align=center><IMG src=""></P>
<P align=center><IMG src=""></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>
七：图片雾化效果：(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<CENTER><TABLE cellSpacing=0 cellPadding=0 width=400 background=http://www./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./go/getflashplayer src=http://www./tmswf/37.swf width=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>
八：图片倒影效果：(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src=""><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=""></P></FONT></FONT><BR><BR>
九：图片向左右相反的方向移动的效果：
<MARQUEE width=200 height=50><IMG src=""><IMG src=""><IMG src=""></MARQUEE>
<MARQUEE direction=right width=200 height=50><IMG src=""><IMG src=""><IMG src=""></MARQUEE><BR><BR>
加入背景音乐代码：

<EMBED src=http://www./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：是否自动播放，其值同上。