美国华人在线's Archiver

孤石独卧 发表于 2008-1-14 18:58

HTML语言新手教程<单层边框>

<P>我们先从最简单的边框开始,下面是一个单层边框.</P>
<TABLE cellSpacing=80 background=http://www.ream.ais.ne.jp/~meme/backyoha.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER><FONT size=4><FONT color=#26185f><STRONG></STRONG></FONT></FONT></CENTER>
<CENTER>帖子内容</CENTER></TD></TR></TBODY></TABLE><BR>
<DIV></DIV>
<P>
<P>代码</P>
<P>&lt;TABLE cellSpacing=80 background=<FONT color=#f70968 size=3><STRONG>http://www.ream.ais.ne.jp/~meme/backyoha.jpg</STRONG></FONT> border=1&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR>&lt;CENTER&gt;&lt;FONT size=4&gt;&lt;FONT color=#26185f&gt;&lt;STRONG&gt;&lt;/STRONG&gt;&lt;/FONT&gt;&lt;/FONT&gt;&lt;/CENTER&gt;<BR>&lt;CENTER&gt;帖子内容&lt;/CENTER&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;BR&gt;&lt;/DIV&gt;</P>
<P><FONT color=#ee1169 size=3>注意 :这些代码都要在HTML状态下粘贴,</FONT><FONT color=#ee1169 size=3>发表时在论坛的左下角点<FONT color=#000000>启用 Html 代码</FONT>即可。</FONT></P>
<P><FONT size=3>开头: &lt;TABLE &gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;</FONT></P>
<P><FONT size=3>收尾&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt; 这是一个层.首尾是相呼应的,这些代码多一个或者少一个,发出来的帖子就会是代码.</FONT></P>
<P><FONT size=3>黑体部分是边框的背景图片,如果换上自己喜欢的图片地址,就是另外一个边框了.</FONT></P><BR><BR>
<P><FONT color=#0000c6 size=6>大家不要跟贴,试贴请到<A href="http://999099.com/forumdisplay.php?fid=72" target=_blank>音画试贴</A>谢谢!!!</FONT></P>

孤石独卧 发表于 2008-1-14 19:04

<P><FONT size=3>两层边框</FONT></P>
<TABLE cellPadding=100 width=490 align=center background=http://xz1.2000y.net/348114/uploadpic/200512223824183.jpg border=10 cellspacing40="">
<TBODY>
<TR>
<TD>
<TABLE borderColor=#228b22 cellSpacing=5 borderColorDark=#00ced1 cellPadding=0 width=500 align=center border=1>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT size=6></FONT></STRONG><FONT color=#ffa500></FONT></P>
<P align=center><FONT color=#ffa500>帖子内容</FONT><FONT color=#ffa500></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>
<DIV></DIV>
<P></P>
<P>代码</P>
<P>&lt;TABLE cellPadding=100 width=490 align=center background=<FONT size=4>http://xz1.2000y.net/348114/uploadpic/200512223824183.jpg</FONT> border=10 cellSpacing40&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR>&lt;TABLE borderColor<STRONG><FONT color=#ee1169>=#228b22</FONT></STRONG> cellSpacing=5 borderColorDark<STRONG><FONT color=#ee1169>=#00ced1</FONT></STRONG> cellPadding=0 width=500 align=center border=1&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;<BR>&lt;src="./images/smilies/default/titter.gif" border=0 smilieid="9"&gt; align=center&gt;&lt;STRONG&gt;&lt;FONT size=6&gt;&lt;/FONT&gt;&lt;/STRONG&gt;&lt;FONT color<STRONG><FONT color=#f70968>=#ffa500</FONT></STRONG>&gt;&lt;/FONT&gt;&lt;/P&gt;<BR>&lt;src="./images/smilies/default/titter.gif" border=0 smilieid="9"&gt; align=center&gt;&lt;FONT color<STRONG><FONT color=#f70968>=#ffa500</FONT></STRONG>&gt;帖子内容&lt;/FONT&gt;&lt;FONT color<STRONG><FONT color=#ee1169>=#ffa500</FONT></STRONG>&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;BR&gt;&lt;BR&gt;<BR>&lt;DIV&gt;&lt;/DIV&gt;<BR>&lt;src="./images/smilies/default/titter.gif" border=0 smilieid="9"&gt;&gt;&lt;/P&gt;</P>
<P><FONT size=3></FONT></P>
<P><FONT size=3>前面我介绍过边框的层,这个边框是由两层组成的,第一层的背景是一张图片,第二层是由几根不同颜色的线条组成,代码中的红色部份是颜色的数值.<FONT size=3>可以根据需要选择自己想要的颜色,替换原来的颜色数值就行了.</FONT><FONT size=3>看边框的层只要弄清楚它的开头和结尾的代码就没问题了,</FONT></P>
<P><FONT size=3>开头: &lt;TABLE &gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;<BR>&lt;TD&gt;</FONT></P>
<P><FONT size=3>收尾&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&nbsp;&nbsp; 有几组开头就有几组收尾,拿上面那个两层的边框比较一下就知道了.</FONT></P>
<P><FONT size=3></FONT></P></FONT>
<P><FONT color=#0000c6 size=6>大家不要跟贴,试贴请到<A href="http://999099.com/forumdisplay.php?fid=72" target=_blank>音画试贴</A>谢谢!!!</FONT></P>

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.