教程--怎样发布使用HTML编写的帖子

天下 · 发表于 2006-12-6 15:05:35

我们举个例子，把夜游发布在http://www.myhafei.net/bbs/read.php?tid=7131&fpage=1的音乐http://www.xslh.com/upload/forum/2005040522021845.wma和夜游的头像

登录/注册后可看大图

填充进本例的表格里：

1、打勾。

2、编辑：

<table border=1 cellpadding=8 cellspacing=16 bgcolor=#cc9968 bordercolor=#ff0000 width=400 align=center>
<tbody>
<tr>
<td><P align=center><img src=http://www.myhafei.net/bbs/p_w_picpath/upload/1695.jpg><embed src="http://www.xslh.com/upload/forum/2005040522021845.wma" hidden=true type=audio/x-ms-wma loop="true" autostart="true" ></embed>
</td>
</tr>
</tbody>
</table>

提交。

天下 · 发表于 2006-12-6 15:06:33

<P> </P>
<P>效果是这样的：</P>
<TABLE borderColor=#ff0000 cellSpacing=16 cellPadding=8 width=400 align=center bgColor=#cc9968 border=1>
<TBODY>
<TR>
<TD>
<P align=center><IMG src=\"http://www.myhafei.net/bbs/image/upload/1695.jpg\"><EMBED src=http://www.xslh.com/upload/forum/2005040522021845.wma hidden=true type=audio/x-ms-wma autostart=\"true\" loop=\"true\"></EMBED> </P></TD></TR></TBODY></TABLE>

平常心 · 发表于 2006-12-6 15:09:52

晕,看得我头都大了
呵呵

天下 · 发表于 2006-12-6 15:14:30

<P>

引用第12楼白豹于2006-12-06 15:09发表的“”: 晕,看得我头都大了呵呵

</P>
<P>要当好一个合格的版主，这点困难千万不能吓倒您。</P>

天下 · 发表于 2006-12-6 15:24:55

在本论坛回帖时使用HTML代码请注意：

gdlzf · 发表于 2006-12-6 15:26:28

不合格就不合格把！眼都花了！学不了。不过还是要感谢天下！

天下 · 发表于 2006-12-6 15:41:55

在前面的例子里表格是使用颜色来填充的，我们也可以使用图片来填充，我们就地取材，就用

来做表格背景吧。

编辑：
<table border=1 cellpadding=8 cellspacing=16 background=http://www.myhafei.net/bbs/p_w_picpath/post/smile/hand1.gif bordercolor=#ff0000 width=400 align=center>
<tbody>
<tr>
<td><P align=center><img src=http://www.myhafei.net/bbs/p_w_picpath/upload/1695.jpg><embed src="http://www.xslh.com/upload/forum/2005040522021845.wma" hidden=true type=audio/x-ms-wma loop="true" autostart="true" ></embed>
</td>
</tr>
</tbody>
</table>

提交。

天下 · 发表于 2006-12-6 15:42:50

<P> </P>
<P>效果是这样的：</P>
<TABLE borderColor=#ff0000 cellSpacing=16 cellPadding=8 width=400 align=center background=http://www.myhafei.net/bbs/image/post/smile/hand1.gif border=1>
<TBODY>
<TR>
<TD>
<P align=center><IMG src=\"http://www.myhafei.net/bbs/image/upload/1695.jpg\"> </P></TD></TR></TBODY></TABLE>

天下 · 发表于 2006-12-6 16:24:57

上面例子的表格只有一层边框，在特效帖子中为了加强效果，都是用多层表格叠加来达到增强立体感效果的，下面我们举一个怎样做三层边框效果的表格：

编辑：

<TABLE cellSpacing=25 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/200411141003725527.jpg border=0>
<TBODY> （第一层表格）
<TR>
<TD>
<TABLE cellSpacing=15 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/2004113022143961.jpg border=1>
<TBODY> （第二层表格）
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041130223243143.jpg border=0>
<TBODY>（第三层表格）
<TR>
<TD>
<P align=center>
<P align=center>
<P align=center><IMG src="图片链接地址"></P>
<P align=center>
<P align=center>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

提交

天下 · 发表于 2006-12-6 16:27:05

<P> </P>
<P>把夜游的头像加进去后的效果：</P>
<TABLE cellSpacing=25 borderColorDark=#344228 cellPadding=0 width=\"100%\" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/200411141003725527.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 borderColorDark=#344228 cellPadding=0 width=\"100%\" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/2004113022143961.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=\"100%\" background=http://xz1.2000y.net/348114/uploadpic/20041130223243143.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center>
<P align=center>
<P align=center><IMG src=\"http://www.myhafei.net/bbs/image/upload/1695.jpg\"></P>
<P align=center>
<P align=center></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

		自动登录	找回密码
密码			立即注册