html 成品代碼

06-10

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.55188.com/linkware/parker/p2strip.jpg border=0><TBODY><TR><TD><TABLE height=315 cellSpacing=0 cellPadding=15 background=http://www.55188.com/linkware/parker/p2background.jpg border=0><TBODY><TR><TD><TABLE height=355 cellSpacing=0 cellPadding=2 background=http://www.55188.com/linkware/parker/p2strip.jpg border=0><TBODY><TR><TD><TABLE height=387 cellSpacing=0 cellPadding=2 background=http://www.55188.com/linkware/parker/p2background.jpg border=0><TBODY><TR><TD><TABLE height=365 cellSpacing=0 cellPadding=2 background=http://www.55188.com/linkware/parker/p2strip.jpg border=0><TBODY><TR><TD><TABLE cellSpacing=0 cellPadding=15 background=http://www.55188.com/linkware/parker/p2background.jpg border=0><TBODY><TR><TD><DIV align=center><TABLE height=362 cellSpacing=0 cellPadding=2 background=http://www.55188.com/linkware/parker/p2strip.jpg border=0><TBODY><TR><TD><DIV align=center><TABLE height=361 cellSpacing=0 cellPadding=4 background=http://www.55188.com/linkware/parker/p2background.jpg border=0><TBODY><TR><TD><TABLE height=204 cellSpacing=0 cellPadding=4 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 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>加入圖片代碼：一、單純的一張圖片<P 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.55188.net/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=http://www.55188.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的圖片<P align=center><TABLE height=300 cellSpacing=0 cellPadding=0 width_=400 background=http://www.55188.net/htdocs/dvbbs/UploadFile/2004-6/200462010554370.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED align=right src=http://www.55188.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.55188.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.55188.net/htdocs/dvbbs/UploadFile/2004-6/200462095452492.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=http://www.55188.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.55188.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="

"></P><P align=center><IMG src="

"></P></MARQUEE></center>六、左右移動的圖片們：（要有個背景喲）<CENTER><MARQUEE scrollAmount=1 direction=right behavior=alternate ><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="

"></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.55188.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.55188.com/go/getflashplayer src=http://www.55188.com/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="

"></MARQUEE><MARQUEE direction=right width_=200 height=50><IMG src="

"><IMG src="

"></MARQUEE><BR><BR>加入背景音樂代碼：<EMBED src=http://www.55188.net/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：是否自動播放，其值同上。
推薦閱讀：

※html日誌常用代碼
※sqli-labs注入工具（第六關利用注入POC）
※《春夏秋冬》四款邊框、並含：代碼
※加上歌名和演唱者就可以聽到任何歌曲（附代碼，可加入博客中）

TAG:代碼 |