春晓 发表于 2006-3-26 23:09

</B><BR></B><BR><BR><BR><BR>
<DIV id=table1 style="LEFT: -80px; WIDTH: 800px; POSITION: relative; TOP: 0px">
<TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=770 border=14>
<TBODY>
<TR>
<TD bgColor=#000000>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=left width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif"></TD>
<TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"></TD>
<TD align=right width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif"></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=20 width="100%" border=0>
<TBODY>
<TR>
<TD>
<CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(11)</FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(供初学HTML代码的朋友参考) <BR><BR>用各种图片素材做边框套装<BR><BR>用金黄色图片作边框的代码: <BR><BR>
<P align=left><BR>用金黄色图片作边框的代码:<BR><CENTER><BR><TABLE borderColor=660000 cellSpacing=10 cellpadding=20 background=http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg width=400 height=300 border=10><BR><TBODY><BR><TR><BR><TD bgcolor=#AAAAFF><BR><br><BR><br><BR></CENTER></TD></TR></TBODY></TABLE><BR><BR><BR>说明:<BR><BR><TABLE borderColor=660000<br...>--边框颜色<BR><BR><TD bgcolor=#AAAAFF>--图框内单元格背景颜色。<BR><BR></P>显示结果: <BR><BR>
<CENTER>
<CENTER>
<TABLE borderColor=#660000 height=300 cellSpacing=10 cellPadding=20 width=400 background=http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg border=10>
<TBODY>
<TR>
<TD bgColor=#aaaaff><BR><BR><BR>
<CENTER></CENTER></TD></TR></TBODY></TABLE><BR><BR>用图片作边框的六层图框套装代码; <BR><BR><BR>
<CENTER>
<TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=olive height=162 cellSpacing=2 cellPadding=0 width=260 align=center border=5>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-FACE-COLOR: olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR: olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR: #00ff00; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px">
<P align=center><FONT face=仿宋_GB2312 color=lime size=4><B>
<P align=left><BR><TABLE cellSpacing=10 align=center bgColor=green WIDTH: 800px; border=0><BR><TBODY><TR><TD><BR><TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="95%" background="http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg" border=5><BR><TBODY><TR><TD><BR><TABLE borderColor=#111111 cellSpacing=0 cellPadding=8 width="100%" background="http://bbs.xxjy.net/UploadFile/2004-10/20041028356173.jpg" border=5><BR><TBODY><TR><TD><BR><TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="100%" background="http://www.dabaoku.com/sucai/shejilei/bj/pic/0410.jpg" border=5><BR><TBODY><TR><TD><BR><TABLE borderColor=#111111 cellSpacing=0 cellPadding=15 width="100%" background="http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg" border=5><BR><TBODY><TR><TD><BR><TABLE borderColor=#111111 cellSpacing=0 width="100%" bgColor=green border=1><BR><TBODY><BR><TR><BR><TD><BR><P align=center><TABLE border=0><TBODY><TR><BR><TD style="FILTER:Alpha(opacity=100,style=2)" width=450 background=http://edu.hangzhou.com.cn/images/20050101/20050427jy-15.jpg height=310><BR></TD></TR></TBODY></TABLE></P><BR><CENTER><BR><DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 500px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 35pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=003300><BR>插入标题文字<BR><br><br> <BR><h2>图文:网络<br>编辑:游子</h2></FONT></DIV><BR><P align=center> </P><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER> <BR> </P></FORM></B></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV><BR><BR><BR>显示结果: <BR><BR><BR>
<P></P>
<TABLE cellSpacing=10 align=center bgColor=green border=0 WIDTH: 800px;>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="95%" background=http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg border=5>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=8 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-10/20041028356173.jpg border=5>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="100%" background=http://www.dabaoku.com/sucai/shejilei/bj/pic/0410.jpg border=5>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=15 width="100%" background=http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg border=5>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#111111 cellSpacing=0 width="100%" bgColor=green border=1>
<TBODY>
<TR>
<TD>
<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=450 background=http://edu.hangzhou.com.cn/images/20050101/20050427jy-15.jpg height=310></TD></TR></TBODY></TABLE></P>
<CENTER>
<DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 500px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 35pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#003300>插入标题文字 <BR><BR><BR>
<H2>图文:网络<BR>编辑:游子</H2></FONT></DIV>
<P align=center> </P></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER><BR><BR><BR>用图片作边框的10层图框套装代码; <BR><BR><BR>
<CENTER>
<TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=olive height=162 cellSpacing=2 cellPadding=0 width=260 align=center border=5>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-FACE-COLOR: olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR: olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR: #00ff00; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px">
<P align=center><FONT face=仿宋_GB2312 color=lime size=4><B>
<P align=left>
<P><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg WIDTH: 670px;border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335244349065.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335253784815.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=18 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335244349065.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335254658568.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243084013.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><CENTER><IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/2006335264543271.jpg"> <BR><FONT style="FONT-SIZE: 30pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>标题文字<BR><BR><H2>插入内容</H2><BR><IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/200633522233660.jpg"> <BR><BR><H2>图文:网络/编辑:游子</H2></B></FONT></CENTER><BR><CENTER></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR> </P></B></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV><BR><BR><BR>用图片作边框的10层图框套装显示结果: <BR><BR><BR>
<P></P>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg WIDTH: 670px;border="1">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335244349065.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=23 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=18 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335244349065.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=23 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><IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/2006335264543271.jpg"> <BR><FONT style="FONT-SIZE: 30pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>标题文字<BR><BR>
<H2>插入内容</H2><IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/200633522233660.jpg"> <BR><BR>
<H2>图文:网络/编辑:游子</H2></B></FONT></CENTER>
<CENTER></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR>(待续) <BR>
<P align=center><IMG src="http://love.xaonline.com/upload/2004124/UF200412423958.gif"></P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>待续<BR></FONT></CENTER></FONT></CENTER></CENTER></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR></DIV></DIV>
<P></P>

春晓 发表于 2006-3-26 23:10

</B><BR></B><BR><BR><BR><BR>
<DIV id=table1 style="LEFT: -80px; WIDTH: 700px; POSITION: relative; TOP: 0px">
<TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=770 border=14>
<TBODY>
<TR>
<TD bgColor=#000000>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=left width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif"></TD>
<TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"></TD>
<TD align=right width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif"></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=20 width="100%" border=0>
<TBODY>
<TR>
<TD>
<CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(12)</FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(供初学HTML代码的朋友参考) <BR><BR>如何在图框套装内贴图片和文字。 <BR><BR>
<P align=left>用HTML代码在图框内贴图,图片必须是网络上的图片绝对地址(URL)。如果是本机硬盘的图片,应先上传到较隐定的空间(免费相册或可上传图片的论坛),取得图片的地址和图片的尺寸大小。新学习者最好选择一些较简单的图框来贴图。由于各论坛系统对贴子宽度有不同的限制,因此图框的宽最好不要超过500,图片则在400左右。</P><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"> <BR>几种常用贴图代码。<BR><BR><BR>
<P align=left>第一种: <BR><img src="图片地址"><BR>第二种: <BR><img src=“图片地址” width='80'height='280' border='10'><BR>第三种: <BR>
<TABLE height=160 width=650>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 17pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>
<P align=left><CENTER><BR><TABLE borderColor=0000ff cellSpacing=10 cellpadding=20 background=“图片地址”width=400 height=300 border=10><BR><TBODY><BR><TR><BR><TD><BR><br><BR><br><BR></TD></TR></TBODY></TABLE></CENTER></P></FONT>
<P></P></TD></TR></TBODY></TABLE>
<CENTER><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"></CENTER>
<P></P>第一种最简易使用的贴图代码。 <BR><BR>
<P align=left>       <img src="图片地址"><BR>用网络上的图片绝对地址(URL)粘贴上去就可以了。但这种方法贴的图片,各论坛对图片宽度显示有不同的限制,有时不是原图片的尺寸,更不是你想要多大就多大。<BR>这里有一张图片地址:http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg<BR>把它粘贴在上面代码中的“图片地址”如下:<BR><BR><BR>
<TABLE height=60 width=650>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00><CENTER><BR><img src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg"><BR></CENTER> <BR>
<P></P></FONT></TD></TR></TBODY></TABLE>显示结果: <BR><BR>
<CENTER><IMG src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg"></CENTER>
<CENTER><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"></CENTER><BR>第二种简易使用的图片可定大小有黑色边框的贴图代码。 <BR><BR>
<TABLE height=60 width=650>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00><CENTER><BR><img src=http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg width=620 height=380 border='10'><BR></CENTER> <BR>
<P></P></FONT></TD></TR></TBODY></TABLE><BR>显示结果: <BR><IMG src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg" border=10> <BR>
<P></P>
<CENTER><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"></CENTER><BR>第三种用表格属性内容的贴图代码。 <BR><BR>
<TABLE height=60 width=650>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00><CENTER><BR><TABLE borderColor=#fbd44c cellSpacing=3 cellpadding=0 background=http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg width=660 height=380 border=15><BR><TBODY><BR><TR><BR><TD><BR><br><BR></TD></TR></TBODY></TABLE></CENTER><BR> <BR>
<P></P></FORM>
<P></P></FONT></TD></TR></TBODY></TABLE><BR>显示结果: <BR>
<P></P>
<CENTER>
<TABLE borderColor=#fbd44c height=380 cellSpacing=3 cellPadding=0 width=660 background=http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg border=15>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></CENTER>
<CENTER><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"></CENTER>(待续) <BR>
<P align=center><IMG src="http://love.xaonline.com/upload/2004124/UF200412423958.gif"></P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>待续<BR></FONT></CENTER></FONT></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE><BR><BR><BR></DIV></DIV>
<P></P>

春晓 发表于 2006-3-26 23:11

</B><BR>
<CENTER>
<DIV style="FILTER: red(color=#E4DC9B, strength=5); WIDTH: 500px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 35pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#003300><BR><BR>送给女士们<BR>名模胡兵写真<BR><BR>
<H2>梅兰竹菊系列<BR><BR><BR>
<H2>图文:网 络</H2></FONT></DIV></CENTER>
<CENTER>
<P align=center> </P></CENTER><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=780 width=550 src="http://www.haoxq.com/ddimg/uploadimg/20050919/1944440.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=780 width=550 src="http://www.haoxq.com/ddimg/uploadimg/20050919/1944441.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=780 width=550 src="http://www.haoxq.com/ddimg/uploadimg/20050919/1944442.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=780 width=550 src="http://www.haoxq.com/ddimg/uploadimg/20050919/1944443.jpg"> <BR>
<CENTER></CENTER></H2>
<DIV></DIV>
<DIV></DIV><BR></DIV>
<P></P>

春晓 发表于 2006-3-26 23:13

</B><BR></B><BR><BR><BR><BR>
<DIV id=table1 style="LEFT: -80px; WIDTH: 740px; POSITION: relative; TOP: 0px">
<TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=760 border=14>
<TBODY>
<TR>
<TD bgColor=#000000>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=left width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif"></TD>
<TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"></TD>
<TD align=right width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif"></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=20 width="100%" border=0>
<TBODY>
<TR>
<TD>
<CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(13)</FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(供初学HTML代码的朋友参考) <BR><BR><BR>
<H2>特殊效果的贴图方法。</H2>
<P align=left><BR>图片雾化或叫羽化效果,就是一张图片只突出显示中心的主要图像,周边朦胧淡化。方法有二种,即圆形雾化效果和矩形雾化效果。 </P><BR>(1)图片圆形雾化效果的代码: <BR><BR>
<CENTER>
<TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=olive height=162 cellSpacing=2 cellPadding=0 width=260 align=center border=5>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-FACE-COLOR: olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR: olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR: #00ff00; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px">
<P align=left><FONT face=仿宋_GB2312 color=lime size=4><B><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="http://wx530.net/bbs/wx530_2005-10/2005-12/200512181428885658.jpg" INPUT></P> </B></FONT></P></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR>显示结果: <BR><BR>
<P align=center><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="http://wx530.net/bbs/wx530_2005-10/2005-12/200512181428885658.jpg" INPUT></P><BR>(2)图片矩形雾化效果的代码:<BR><BR>
<CENTER>
<TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=olive height=162 cellSpacing=2 cellPadding=0 width=260 align=center border=5>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-FACE-COLOR: olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR: olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR: #00ff00; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px"><FONT face=仿宋_GB2312 color=lime size=4><B>
<P align=left><INPUT style="FILTER: alpha(opacity=100,style=3)" type=image width=450 src="http://wx530.net/bbs/wx530_2005-10/2005-12/200512181428885658.jpg" INPUT></P> </B></FONT></P></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>显示结果: <BR><BR>
<P align=center><INPUT style="FILTER: alpha(opacity=100,style=3)" type=image width=450 src="http://wx530.net/bbs/wx530_2005-10/2005-12/200512181428885658.jpg" INPUT></P><BR><BR>圆形雾化效果和矩形雾化效果代码是一样的,不同之处在:<BR>圆形雾化效果 style=2<BR>矩形雾化效果 style=3<BR><BR><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"> <BR><BR>图片大小可调的贴图代码: <BR>
<CENTER>: <BR>
<TABLE style="WIDTH: 250px; HEIGHT: 102px" borderColor=olive height=162 cellSpacing=2 cellPadding=0 width=260 align=center border=5>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-FACE-COLOR: olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR: olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR: #00ff00; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 100px">
<P align=left><FONT face=仿宋_GB2312 color=lime size=4><B><P align=center><BR><INPUT src="http://img.gw.com.cn/UploadFile/2005/7/31/1728360.jpg" type=image width=600> <BR></P></P></B></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>显示结果: <BR><BR>
<P align=center><INPUT type=image width=600 src="http://img.gw.com.cn/UploadFile/2005/7/31/1728360.jpg"> </P>
<P align=left>图片大小可调的贴图代码与常用贴图代码不同之处在标签名:<BR>图片大小可调的贴图代码标签名 <INPUT src=<BR>常用贴图代码标签名 <img src=<BR>同样的一组图片大小可调贴图代码,只要改变宽度width=600 的参值,就可实现图片变大小。</P><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"> <BR><BR>(待续) <BR>
<P align=center><IMG src="http://love.xaonline.com/upload/2004124/UF200412423958.gif"></P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>待续<BR></FONT></CENTER></FONT></CENTER></CENTER></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR></DIV></DIV>
<P></P>

春晓 发表于 2006-3-26 23:14

</B><BR><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="http://wx530.net/bbs/wx530_2005-10/2005-12/200512181428885658.jpg" INPUT>
<P></P></DIV>
<P></P>

春晓 发表于 2006-3-26 23:14

</B><BR>
<TABLE borderColor=#ff00ff height=200 width=400 align=center background=http://hisen.myrice.com/anibase/festival/firework/firework031.gif border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 500px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 200pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>棒</FONT></DIV></DIV></TD></TR></TOBDY></TBODY></TABLE>
<DIV></DIV>
<P></P></DIV>
<P></P>

春晓 发表于 2006-3-26 23:18

</B><BR></B><BR><BR><BR>
<DIV id=table1 style="LEFT: -210px; WIDTH: 740px; POSITION: relative; TOP: 20px">
<TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=760 border=14>
<TBODY>
<TR>
<TD bgColor=#000000>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=left width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif"></TD>
<TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR></TD>
<TD align=right width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif"></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=20 width="100%" border=0>
<TBODY>
<TR>
<TD>
<CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(14)</FONT><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(供初学HTML代码的朋友参考) <BR><BR><BR>
<H2>在图框内贴图或文字的位置设置方法。</H2><BR>
<P align=left><BR>  根据插入的图片宽度和色彩选好图框。目前多数论坛对代码贴图的宽度限制在500之内,所以图框包括边线宽度不能超过500,插入的图片宽度<BR>在400以内,否则其超过部份就无法显示。如果图片很大,就要选宽度大于700的图框,同时要设置全屏代码,才能完整显示。网络上有<BR>很多漂亮的图框(套装),可以拿来套用。启步学习时,最好采用较简单的图框。<BR><BR>
<P align=center><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"></P><BR>
<P align=left><BR>  在一张图框或图片内如何插入文字和图片?<BR><BR>  要在表格的单元格<TD>与</TD>中间插入。 例如:<BR><BR>
<H4><BR>
<P align=left><BR><TABLE width=480 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg <BR>border=18><BR><BR><TBODY><BR><BR><TR><BR><BR><TD ><BR><BR><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B><BR><BR><p align=CENTER>插入文字或图片</P><BR><BR><p align=CENTER>插入文字或图片</P><BR><BR><p align=CENTER>插入文字或图片</P><BR><BR></B> </FONT><BR><BR></TD></TR></TOBDY></TBODY></TABLE></CENTER></H4></P><BR><BR><BR>代码实例:<BR><BR>
<H4>
<P align=left><BR><TABLE width=500 height=350 bordercolor=olive background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg <BR>border=18><BR><BR><TBODY><BR><BR><TR><BR><BR><TD ><BR><BR><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B><BR><BR><br> <BR><p align=CENTER>万紫千红总是春</P><BR><BR><p align=CENTER><img src="http://www.coolhot.cn/680/duocai/11.gif"width=400 height=352 border=1> <BR><BR></P><BR><BR><p align=CENTER>图文:网络/编辑:网名</P><BR><BR></B> </FONT><BR><BR></TD></TR></TBODY></TABLE></CENTER></H4><BR><BR><BR>显示结果:<BR><BR>
<CENTER>
<TABLE borderColor=olive height=350 width=500 background=http://blog.lanyue.com/upload/user/58/386410_22232948.jpg border=8>
<TBODY>
<TR>
<TD><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B><BR>
<P align=center>万紫千红总是春</P>
<P align=center><IMG src="http://www.coolhot.cn/680/duocai/11.gif" width=400> <BR></P>
<P align=center>图文:网络/编辑:网名</P></B></FONT></TD></TR></TBODY></TABLE></CENTER></CENTER><BR>
<P align=center><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"></P><BR><BR>  
<H2>定位设置一些语句。</H2><BR>align(水平方向)<BR><BR>水平方向有左中右:<BR><BR>left(左对齐)<BR><BR>center(居中)<BR><BR>RIGHT(右对齐)<BR><BR><BR>水平方向位置设置代码:<BR><BR><BR><P align=LEFT>内容左对齐</P><BR><BR><P align=center>内容居中</P><BR><BR><P align=RIGHT>内容右对齐</P><BR><BR>显示结果:<BR><BR>
<P align=left>内容左对齐</P>
<P align=center>内容居中</P>
<P align=right>内容右对齐</P>
<P align=center><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"></P><BR>
<H2>valign(垂直方向)</H2><BR>垂直方向有靠顶和靠底.<BR><BR>top(靠顶),bottom(靠底)<BR><BR>垂直方向与水平方向相结合可以设置6个不同位置的指令如下:<BR><BR>
<P gn="LEFT" ali><BR><P align=LEFT valign=top>居左靠顶</P><BR><BR><P align=center valign=top>居中靠顶</P><BR><BR><P align=RIGHT valign=top>居右靠顶</P><BR><BR><BR><P align=LEFT valign=bottom>居左靠底</P><BR><BR><P align=center valign=bottom>居右靠底</P><BR><BR><P align=RIGHT valign=bottom>居右靠底</P><BR><BR><BR><BR>在图框内插入图片和文字位置的代码:<BR><BR>
<H4>
<P gn="LEFT"><CENTER><BR><BR><TABLE width=480 height=380 bordercolor=olive <BR>background=http://www1.yunbbs.com/yaoyao/7/000.01.jpg border=10><BR><BR><TBODY><BR><BR><TR><BR><BR><td><BR><BR><FONT style="FONT-SIZE: 18pt" face=华文行楷 color=#fff000><B><BR><BR><p align=left>居左靠顶<br><BR><BR><INPUT src="http://lolipop.jp/common/img/obj_ojisan_01.gif" type=image <BR>width=100><BR><BR></P><BR><BR><p align=CENTER>图片文字插入位置示例<br>居中</P><BR><BR><p align=RIGHT><BR><BR><INPUT src="http://wangjiang.home4u.china.com/mls.gif" type=image width=100><BR><BR><br><BR><BR>居右靠底</P><BR><BR></B> </FONT><BR><BR></TD></TR></TOBDY></TBODY></TABLE></CENTER></H4><BR></P></FORM>
<CENTER><BR>显示结果:<BR><BR><BR>
<CENTER>
<TABLE borderColor=olive height=380 width=480 background=http://www1.yunbbs.com/yaoyao/7/000.01.jpg border=10>
<TBODY>
<TR>
<TD><FONT style="FONT-SIZE: 18pt" face=华文行楷 color=#fff000><B>
<P align=left>居左靠顶<BR><INPUT type=image width=100 src="http://lolipop.jp/common/img/obj_ojisan_01.gif"></P>
<P align=center>图片文字插入位置示例<BR>居中</P>
<P align=right><INPUT type=image width=100 src="http://wangjiang.home4u.china.com/mls.gif"><BR><BR>居右靠底</P></B></FONT></TD></TR></TOBDY></TBODY></TABLE></CENTER>
<P></P>
<P></P><BR>
<P gn="LEFT" ali><BR>  图片文字插入位置控制还有其他方法,比如利用表格的行(<TR>)和列(<TD >)设置多行多列等,以及坐标绝对定位等等。<BR><BR><BR><IMG src="http://love.xaonline.com/upload/20041118/UF20041118211037.gif"><BR><BR><BR><BR><BR>(待续)<BR>
<P align=center><IMG src="http://love.xaonline.com/upload/2004124/UF200412423958.gif"></P><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>待续<BR></FONT></CENTER><BR></FONT>
<CENTER></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR></DIV><BR><BR><BR><BR></DIV>
<P></P>

春晓 发表于 2006-3-26 23:21

</B><BR></B><BR><BR><BR>
<DIV id=table1 style="LEFT: -80px; WIDTH: 740px; POSITION: relative; TOP: 0px">
<TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=“100%” cellSpacing=1 cellPadding=0 width=760 border=14>
<TBODY>
<TR>
<TD bgColor=#000000>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=left width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/916191.gif"></TD>
<TD align=middle width="60%"><INPUT type=image width=400 src="http://bener.51.net/img/bar.gif"><BR></TD>
<TD align=right width="20%"><IMG src="http://img.gw.com.cn/UploadFile/2005/7/21/3461867.gif"></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=20 width="100%" border=0>
<TBODY>
<TR>
<TD>
<CENTER><FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>欢迎您!启步学代码。<BR>(16)</FONT><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_GB2312 color=#fff000>(供初学HTML代码的朋友参考) <BR>  <BR>
<H3>在多层图框(套装)内贴图的方法。</H3><BR>
<P align=left>  学会文字设置和表格设置之后,就要学做有图片,文字和背景音乐的完整贴图了 。单层图框内插入图片文字内容,应该在表格的单元格(<td></td>)中间,多层图框内贴图也必须是这样。下面是一张六层图框贴图代码及其分段说明。</P><BR><BR>
<CENTER>
<TABLE style="WIDTH: 550px; HEIGHT: 3352px" borderColor=olive height=162 cellSpacing=2 cellPadding=0 width=550 align=center border=5>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-FACE-COLOR: olive; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-3DLIGHT-COLOR: olive; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR: #00ff00; SCROLLBAR-DARKSHADOW-COLOR: #fff000" cellSpacing=0 cellPadding=10 width=400 border=0>
<TBODY>
<TR>
<TD>
<DIV style="OVERFLOW: auto; WIDTH: 540px; HEIGHT: 3350px">
<P align=center><FONT face=仿宋_GB2312 color=lime size=4><B>
<P align=left><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="680" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=20 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335253784815.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=20 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335254658568.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243084013.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><CENTER><BR><BR><BR><IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/200633522233660.jpg"><BR><font style=font:20pt face=隶书 color=00ff00><BR><FONT style="FONT-SIZE: 17pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #fff000; LINE-HEIGHT: 150%" face=隶书><BR><h1>小李庄立体画欣赏</h1><BR><P align=LEFT>  小李庄立体画是以草本植物的茎类为原料,利用其自然光泽、纹理和质感,借助现代技术把这一传统工艺推陈出新。</P><BR><BR><BR>松鼠图<BR><P align=center><INPUT src="http://www.688999.com/picture_of_products_big/b_songshu.jpg" type=image width=470></P><BR><BR><BR>猫扑蝶<BR><P align=center><BR><INPUT src="http://www.688999.com/picture_of_products_big/33.JPG" type=image width=470></P><BR><BR><BR>荷花、鸳鸯、小鸟、牡丹<BR><BR><BR><P align=center><INPUT src="http://www.688999.com/picture_of_products_big/x1.JPG" type=image width=470></P><BR><BR><BR>中华瑰宝<BR><BR><BR><P align=center><INPUT src="http://www.688999.com/picture_of_jufu/rn02.jpg" type=image width=470></P><BR><BR><BR><IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/200633522233660.jpg"><BR><BR><BR><H2>图文:网络</H2></B></FONT></CENTER><BR><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"><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR><BR><BR>**************************************************************** <BR>代码及其分段说明。 <BR><BR>第一段是6组六层边框(表格)代码的始标筌。<BR><BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="680" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243753811.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR>...............<BR>..............<BR>................<BR>. ..............<BR><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://bbs.gw.com.cn/UploadFile/2006-3/2006335243084013.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR>这里是第六层图框(表格)的单元格,开始插入内容。<BR>
<P align=center>*******************</P><BR>第二段是插入图片文字和背景音乐的区域。<BR><BR><CENTER><BR><BR><BR><IMG src="http://bbs.gw.com.cn/UploadFile/2006-3/200633522233660.jpg"><BR><font style=font:20pt face=隶书 color=00ff00><BR><FONT style="FONT-SIZE: 17pt; FILTER: shadow color=apar); WIDTH: 100%; COLOR: #fff000; LINE-HEIGHT: 150%" face=隶书><BR><h1>小李庄立体画欣赏</h1><BR>............................<BR>...........................<BR>.................................<BR><BR><BR><H2>图文:网罗</H2></B></FONT></CENTER><BR><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"><BR>
<P align=center>*******************</P><BR>第三段是6组六层边框(表格)代码的尾标筌。<BR><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR><BR><BR>
<P></P></FORM></B></FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV>
<P></P><BR><BR>六层图框贴图代码显示结果: <BR><BR>
<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-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" 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>松鼠图 <BR>
<P align=center><INPUT type=image width=470 src="http://www.688999.com/picture_of_products_big/b_songshu.jpg"></P><BR>猫扑蝶 <BR>
<P align=center><INPUT type=image width=470 src="http://www.688999.com/picture_of_products_big/33.JPG"></P><BR>荷花、鸳鸯、小鸟、牡丹 <BR>
<P align=center><INPUT type=image width=470 src="http://www.688999.com/picture_of_products_big/x1.JPG"></P><BR>中华瑰宝 <BR>
<P align=center><INPUT type=image width=470 src="http://www.688999.com/picture_of_jufu/rn02.jpg"></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"> </FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR>(待续) <BR>
<P align=center><IMG src="http://love.xaonline.com/upload/2004124/UF200412423958.gif"></P><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>待续<BR></FONT></CENTER><BR></FONT></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR></DIV>
<DIV></DIV><BR><BR><BR><BR></DIV>
<P></P>

春晓 发表于 2006-3-30 21:43

<br><br> <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=1030 width=880 src="http://www.txkd.com/UpaFile/2006-3/2006330135112194.jpg"> <br><br>

月舞影 发表于 2006-3-30 21:57

辛苦了,说声谢谢!
页: 1 2 3 4 5 [6] 7
查看完整版本: 欢迎您!启步学代码