欢迎您!启步学代码。
(17)

(游子编辑 供初学HTML代码的朋友参考)


  

在多层图框(套装)内贴图的方法。


  学会文字设置和表格设置之后,就要学做有图片,文字和背景音乐的完整 贴图了 。单层图框内插入图片文字内容,应该在表格的单元格(<td></td>)中间, 多层图框内贴图也必须是这样。下面是一张六层图框贴图代码及其分段说明。




<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="680" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=20 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335253784815.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=20 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335254658568.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243084013.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<BR>
<IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/200633522233660.jpg">
<font style=font:20pt face=隶书 color=00ff00>
<FONT style="FONT-SIZE: 17pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #fff000; LINE-HEIGHT: 150%" face=隶书>
<h1>小李庄立体画欣赏</h1>
<P align=LEFT>  小李庄立体画是以草本植物的茎类为原料,利用其自然光泽、纹理和质感,借助现代技术把这一传统工艺推陈出新。</P>
<BR>
松鼠图
<P align=center><INPUT src="http://www.688999.com/picture_of_products_big/b_songshu.jpg" type=image width=470></P>
<BR>
猫扑蝶
<P align=center>
<INPUT src="http://www.688999.com/picture_of_products_big/33.JPG" type=image width=470></P>
<BR>
荷花、鸳鸯、小鸟、牡丹
<BR>
<P align=center><INPUT src="http://www.688999.com/picture_of_products_big/x1.JPG" type=image width=470></P>
<BR>
中华瑰宝
<BR>
<P align=center><INPUT src="http://www.688999.com/picture_of_jufu/rn02.jpg" type=image width=470></P>
<BR>
<IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/200633522233660.jpg">
<BR>
<H2>图文:网络/编辑:游子</H2></B></FONT></CENTER>
<EMBED src=http://www.minzuyinyue.com/xinshang/125.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin loop="true" autostart="true" controls="controlpanel,statusbar">
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>


****************************************************************
代码及其分段说明。

第一段是6组六层边框(表格)代码的始标筌。

<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="680" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1>
<TBODY>
<TR>
<TD>
...............
..............
................
. ..............
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243084013.jpg border=1>
<TBODY>
<TR>
<TD>
这里是第六层图框(表格)的单元格,开始插入内容。

*******************


第二段是插入图片文字和背景音乐的区域。

<CENTER>
<BR>
<IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/200633522233660.jpg">
<font style=font:20pt face=隶书 color=00ff00>
<FONT style="FONT-SIZE: 17pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #fff000; LINE-HEIGHT: 150%" face=隶书>
<h1>小李庄立体画欣赏</h1>
............................
...........................
.................................
<BR>
<H2>图文:网络/编辑:游子</H2></B></FONT></CENTER>
<EMBED src=http://www.minzuyinyue.com/xinshang/125.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin loop="true" autostart="true" controls="controlpanel,statusbar">

*******************


第三段是6组六层边框(表格)代码的尾标筌。

</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>




六层图框贴图代码显示结果:


小李庄立体画欣赏

  小李庄立体画是以草本植物的茎类为原料,利用其自然光泽、纹理和质感,借助现代技术把这一传统工艺推陈出新。


松鼠图


猫扑蝶


荷花、鸳鸯、小鸟、牡丹


中华瑰宝



图文:网络/编辑:游子




(待续)


编辑:游子