</B><BR>横单线试验 <BR>
<TABLE cellSpacing=0 cellPadding=0 rules=rows width=380 border=1 frame=hsides>
<CAPTION>这是系列横单线试验</CAPTION>
<TBODY>
<TR>
<TD>这是系列横单线试验，效果还好吧？</TD></TR>
<TR>
<TD>123</TD></TR>
<TR>
<TD>456</TD></TR></TBODY></TABLE></DIV>
<P></P>
横单线试验代码：
<table width="380" border="1" cellspacing="0" cellpadding="0" rules="rows" frame="hsides"> <caption>这是系列横单线试验</caption> <tr> <td> 这是系列横单线试验，效果还好吧？</td> </tr> <tr> <td> 123</td> </tr> <tr> <td> 456</td> </tr> </table>
<table border="1" cellspacing="1" cellpadding="8" rules="clos" frame="vsides" height="115" align="left" hspace="10" width="180"> <tr> <td>更上一 层 楼 </td> <td>欲穷千 里 目 </td> <td>黄河 入 海 流 </td> <td>白日依 山 尽 </td> <td><p><br>登 黄 鹤 楼 </p></td> </tr> </table>
作系列竖单线
<table border="1" cellspacing="1" cellpadding="8" rules="clos" frame="vsides" height="115" align="left" hspace="10" width="180"> <tr> <td>更上一 层 楼 </td> <td>欲穷千 里 目 </td> <td>黄河 入 海 流 </td> <td>白日依 山 尽 </td> <td><p><br>登 黄 鹤 楼 </p></td> </tr> </table>
</B> </FONT></P>
<P align=center><IMG src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005126221313598.gif" border=0></P>
<MARQUEE direction=up scrollamount=2 width=750 height=430 >
<TABLE border=3>
<TBODY><TR><TD width=710 background=http://bbs.macd.cn/attachments/month_0507/b01_QsHBoV0bzHAl.jpg height=428 border="0"></TD></TR></TOBDY></TBODY></TABLE><BR><BR>
<TABLE border=3>
<TBODY><TR><TD width=710 background=http://bbs.macd.cn/attachments/month_0507/b02_duocZwWAXVmN.jpg height=428 border="0"></TD></TR></TOBDY></TBODY></TABLE><BR><BR>
<TABLE border=3>
<TBODY><TR><TD width=700 background=http://bbs.macd.cn/attachments/month_0507/b03_VqcbE43nYwOc.jpg height=428 border="0"></TD></TR></TOBDY></TBODY></TABLE><BR><BR>
<TABLE border=3>
<TBODY><TR><TD width=700 background=http://bbs.macd.cn/attachments/month_0507/b04_rFM6qDFITKrT.jpg height=428 border="0"></TD></TR></TOBDY></TBODY></TABLE><BR><BR>
<TABLE border=3>
<TBODY><TR><TD width=700 background=http://bbs.macd.cn/attachments/month_0507/b05_hyepTVDv0AqK.jpg height=428 border="0"></TD></TR></TOBDY></TBODY></TABLE><BR><BR>
<IMG src=""></MARQUEE>
<P align=center><IMG src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005126221313598.gif" border=0></P>
<br>
<CENTER>
<font style=font:25pt face=隶书 color=blue>图片：网络</font><br>背景音乐[望江南]<br>
http://www.hainan.net/music/midi/mid-old/wjn.mid
</CENTER>
</TD></TR></TBODY></TABLE><BR></DIV></TD></TR></TBODY></TABLE></CENTER>
<EMBED src=http://www.hainan.net/music/midi/mid-old/wjn.mid hidden=true type=audio/mpeg autostart="true" loop="true">
</td></tr></table><br><br><br><br><br>
<P></P>
</B><BR>
<TABLE borderColor=green cellSpacing=1 cellPadding=1 width="90%" bgColor=#ffffff border=15>
<TBODY>
<TR>
<TD>
<TABLE height=100 cellSpacing=1 cellPadding=8 rules=clos width=180 align=center border=1 frame=vsides hspace="10">
<TBODY>
<TR>
<TD>相期邈云汉</TD>
<TD>永结无情游</TD>
<TD>醉后各分散</TD>
<TD>醒时同交欢</TD>
<TD>我舞影零乱</TD>
<TD>我歌月徘徊</TD>
<TD>行乐须及春</TD>
<TD>暂伴月将影</TD>
<TD>影徒随我身</TD>
<TD>月既不解饮</TD>
<TD>对影成三人</TD>
<TD>举杯邀明月</TD>
<TD>独酌无相亲</TD>
<TD>花间一壶酒</TD>
<TD>李白</TD>
<TD>
<P>月下独酌</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></DIV>
<P></P>
加一点飞花的特效的代码：
<EMBED align=right src=http://www.qtqy.com.cn/flash/ye7.swf width=580 height=430 type=application/octet-stream wmode="transparent" quality="high" ;;>
即是：
<TABLE height=600 cellSpacing=0 cellPadding=0 width=800 background=h※ttp://ztwh.vicp.net/Article/UploadFiles/200602/20060220012449569.g※if border=0> <TBODY> <TR> <TD> <EMBED align=right src=http://www.qtqy.com.cn/flash/ye7.swf width=580 height=430 type=application/octet-stream wmode="transparent" quality="high" ;;> </TD></TR></TBODY></TABLE>
<TABLE height=600 cellSpacing=0 cellPadding=0 width=800 background=http://ztwh.vicp.net/Article/UploadFiles/200602/20060220012449569.gif border=0> <TBODY> <TR> <TD> <EMBED align=right src=http://www.qtqy.com.cn/flash/ye7.swf width=580 height=430 type=application/octet-stream wmode="transparent" quality="high" ;;> </TD></TR></TBODY></TABLE>
</B><BR></B><BR><BR><BR><BR>
<DIV id=table1 style="LEFT: -220px; WIDTH: 800px; POSITION: relative; TOP: 40px">
<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>（9）</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>表格设置是代码贴图和制作个人主页的主要基础，表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。先看用表格做成的 一张图片，这张图片宽300，高200，蓝色边框，黄色背景，插入一段文字，内容与边框有一定的距离。</P>
<CENTER>
<TABLE borderColor=#0000ff height=300 cellSpacing=10 cellPadding=20 width=400 bgColor=#fff000 border=10>
<TBODY>
<TR>
<TD><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 15pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#0000ff>表格设置是代码贴图和制作个人主页的主要基础，表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。 <BR>
<CENTER></CENTER></FONT></TD></TR></TBODY></TABLE><BR>代码： <BR><BR>
<P align=left><CENTER><BR><BR><TABLE border=10 borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=400 height=300><BR><TBODY><TR><TD><BR><font style=font:15pt face=黑体 color=0000ff><BR>表格设置是代码贴图和制作个人主页的主要基础，<BR>表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。<BR></CENTER></font></TD></TR></TBODY></TABLE> </P></FORM><BR>注解： <BR><BR>
<P align=left>第一行是居中代码。 <BR>第二和第三行是表格的始标签，包括表格标签名和7个属性内容。 <BR>第四行是表格输入内容的行和列的始标签。（行和列构成一个单元格） <BR>第五行是文字设直标签。 <BR>第六和第七行输入文字内容。 <BR>第八行是以上各个始标签的对应尾标签 。 <BR><BR>表格设置标签属性内容说明： <BR>TABLE＝标签名。 <BR>border=10 表格边框的厚度及参数。<BR>borderColor=#0000ff 边框颜色及颜色码。<BR>cellSpacing=10 单元格间距及参数。<BR>cellpadding=20 内容与格线的距离及参数。<BR>bgcolor=fff000 表格的背景颜色及及颜色码。<BR>width=400 表格宽度及参数。<BR>height=300 表格高度及参数。<BR><BR>表格宽度及表格高度的参数，可用绝对值，如300：也可用相对值，如“100%”。高度如果不是特殊需要时， 也可以不加入参数，系统会根据输入的内容自动延伸。 <BR><BR>
<P align=center><IMG src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005130213220553.gif"></P>
<P align=left><BR>一张用颜色作背景的空白图框代码： <BR><BR>
<P align=left><CENTER><BR><TABLE border=10 borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=400 height=300><BR><TBODY><BR><TR><BR><TD><BR><br><BR><br><BR></CENTER></TD></TR></TBODY></TABLE><BR> </P></FORM>
<P align=left><BR>显示结果： <BR><BR>
<CENTER>
<TABLE borderColor=#0000ff height=300 cellSpacing=10 cellPadding=20 width=400 bgColor=#fff000 border=10>
<TBODY>
<TR>
<TD><BR><BR><BR>
<CENTER></CENTER></TD></TR></TBODY></TABLE>
<P align=left><BR>一张用图片作背景的空白图框代码： <BR><BR>
<P align=left><CENTER><BR><TABLE border=10 borderColor=#0000ff cellSpacing=10 cellpadding=20 cellpadding=20 background=http://www.s1.inets.jp/~rouge/free/005h.jpg width=400 height=300><BR><TBODY><BR><TR><BR><TD><BR><br><BR><br><BR></CENTER></TD></TR></TBODY></TABLE><BR> </P></FORM>
<P align=left><BR>显示结果： <BR><BR>
<CENTER>
<TABLE borderColor=#0000ff height=300 cellSpacing=10 cellPadding=20 width=400 background=http://www.s1.inets.jp/~rouge/free/005h.jpg border=10>
<TBODY>
<TR>
<TD><BR><BR><BR>
<CENTER></CENTER></TD></TR></TBODY></TABLE><BR><BR><BR>
<P align=left>用颜色作背景和用图片作背景不同之处，只改变一个属性内容，即：<BR>表格的背景颜色及颜色码。bgcolor=fff000 <BR>改为用图片作背景即：</P><BR>background=http://www.s1.inets.jp/~rouge/free/005h.jpg <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><BR></DIV>
<P></P>
</B><BR></B><BR><BR><BR><BR>
<DIV id=table1 style="LEFT: -210px; WIDTH: 770px; POSITION: relative; TOP: 40px">
<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=隶书>欢迎您！启步学代码。（10）</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> 有很多漂亮的帖子边框是怎么做成？一些是现成的像框或三合一的花边图框做成，大部份是应用表格的相关属性做成的。做图框的素材可用颜色也可用图片。或颜色与图片组成。用颜色做成的图框，不受条件所限，隐定性较好，显示也快。用网络上的图片地址做成的多层图框叫套装，非常精彩漂亮，但有时会因网络失去链接，无法显示。</P><BR>用颜色做成的一层图框代码； <BR><BR>
<P align=left><TABLE borderColor=#ffd700 cellSpacing=10 cellPadding=8 width=470 align=center bgColor=#0000ff border=12><BR><TBODY><BR><TR><BR><TD ><BR><BR><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE><BR> </P></FORM>
<P><BR>显示结果： <BR></P>
<TABLE borderColor=#ffd700 cellSpacing=10 cellPadding=8 width=470 align=center bgColor=#0000ff border=12>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE><BR><BR>用颜色做成的二层图框代码； <BR><BR>
<P align=left><TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=470 align=center bgColor=#f70968 border=12><BR><TBODY><BR><TR><BR><TD ><BR><TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=465 align=center bgColor=#bb4444 border=1><BR><TBODY><BR><TR><BR><TD><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR> </P><BR>显示结果： <BR><BR>
<TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=470 align=center bgColor=#f70968 border=12>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8 width=465 align=center bgColor=#bb4444 border=1>
<TBODY>
<TR>
<TD><BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P><BR>给图片加用颜色做成的边框代码； <BR><BR>
<P align=left><table border=16 cellSpacing=8 cellPadding=5 borderColor=#841A00 bgcolor=#FFFF6F><BR><td><BR><TABLE border=1> <BR><TR><BR><TD width=450 background=http://image2.sina.com.cn/dy/c/2004-10-01/U397P1T1D4478993F21DT20041001212159.jpg height=300 border=3><BR></TD></TR></TABLE><BR></td></table><BR> </P><BR>显示结果： <BR><BR>
<TABLE borderColor=#841a00 cellSpacing=8 cellPadding=5 bgColor=#ffff6f border=16>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD width=450 background=http://image2.sina.com.cn/dy/c/2004-10-01/U397P1T1D4478993F21DT20041001212159.jpg height=300 border="3"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P><BR>用颜色做成的二层图框代码； <BR>
<P align=left><TABLE borderColor=#ffff00 cellSpacing=10 cellPadding=8 width=470 background=http://img.gw.com.cn/UploadFile/2004/9/3/3750984.jpg border=8><BR><TBODY><BR><TR><BR><TD><BR><TABLE borderColor=#ffff00 cellSpacing=6 cellPadding=4 width="100%" background=http://img.gw.com.cn/UploadFile/2005/5/15/3419934.jpg border=1><BR><TBODY><BR><TR><BR><TD><BR><P align=center><INPUT type=image width=420 src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg" ></P><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></P></FORM><BR>显示结果： <BR><BR>
<TABLE borderColor=#ffff00 cellSpacing=10 cellPadding=8 width=470 background=http://img.gw.com.cn/UploadFile/2004/9/3/3750984.jpg border=8>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ffff00 cellSpacing=6 cellPadding=4 width="100%" background=http://img.gw.com.cn/UploadFile/2005/5/15/3419934.jpg border=1>
<TBODY>
<TR>
<TD>
<P align=center><INPUT type=image width=420 src="http://photo.southcn.com/upload/F202922004.11.4.22.24.422.jpg"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>用颜色做成的立体图框代码； <BR><BR>
<P align=left><table id="myexample" style="border:19px #ccffcc ridge" align="center" border="0" cellpadding="0" cellspacing="0" width="460" background="http://bbs.e-yu.cn/attachments/ext_jpg/029_mS674YcNXDnk.jpg"><BR><tr><td><BR><br><br><br><br><br><br><BR></td></tr></table><BR> </P><BR>显示结果： <BR><BR>
<TABLE id=myexample style="BORDER-RIGHT: #ccffcc 19px ridge; BORDER-TOP: #ccffcc 19px ridge; BORDER-LEFT: #ccffcc 19px ridge; BORDER-BOTTOM: #ccffcc 19px ridge" cellSpacing=0 cellPadding=0 width=460 align=center background=http://bbs.e-yu.cn/attachments/ext_jpg/029_mS674YcNXDnk.jpg border=0>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE><BR><BR><BR>
<P align=center><IMG src="http://www.bingwu.net/bbs/UploadFile/2005-1/2005130213220553.gif"></P>（待续） <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></TD></TR></TBODY></TABLE><BR><BR><BR></DIV><BR></DIV>
<P></P>