好多朋友想学HTML制帖，却对代码犯晕～ 特意介绍一组简单代码，只要把发帖三要素：图片、文字资料、音乐地址相应插入，就做出一很过得去的音乐帖～ 别去管什么代码～不懂不要紧 只要小心不要把地址多个或少个空格(字母)就能顺利发帖： 因为是个简单教材帖，就不发素材版啦～ 希望大家可以制作出自己特色滴作品～ ：）





<table align=center width=90% border=5 bordercolor=#bf00ff background=http://bbs.yuhang.gov.cn/attachments/dvbbs/2007-3/20073314324328935.jpg><tr><td> <center><img src="http://www.okxr.com/news/newspic/2003111115401676899.gif"></center> </td></tr><tr><td> <center><font color=#bf00ff >泪海 <center><font color=#bf00ff > 爱已不能动 还有什么值得我心痛 想你的天空下起雨来 没人心疼的黑夜 脸颊两行碱碱的泪水 是你哦是你 让我望穿泪水肝肠寸断 你怎么舍得让我的泪流向海 付出的感情永远找不回来 你怎么舍得让我的爱流向海 伤心的往事一幕幕 就像潮水将我掩埋 闭上了双眼还看见和你的缠绵 眼角的泪水喜不去心中 一遍一遍的誓言 你怎么舍得让我的泪流向海 付出的感情永远找不回来 你怎么舍得让我的爱流向海 伤心的往事一幕幕 就像潮水将我掩埋 <center><font color=#bf00ff > 余杭情感论坛 </font> </td></tr><tr><td> <center><EMBED style="FILTER: xray()" src="http://jm-music.com/music/fanchang/wlssjqgs/lh-jss.wma" width=200 height=40 ShowStatusBar="1" type=audio/mpeg volume="0" autostart="true" loop="-1"> <A href="http://jm-music.com/music/fanchang/wlssjqgs/lh-jss.wma" target=_blank><FONT size=4 color=#bf00ff>下载</FONT></A></center> </td></tr></table>



代码


<table align=center width=90% border=5 bordercolor=边框颜色代码 background=背景图片地址><tr><td> <center><img src="贴子图片地址"></center> </td></tr><tr><td> <font color=字体颜色代码>文字及(或)其他资料</font> </td></tr><tr><td> <center><EMBED style="FILTER: xray()" src="音乐地址" width=400 height=65 ShowStatusBar="1" type=audio/mpeg volume="0" autostart="true" loop="-1"> <A href="音乐地址" target=_blank><FONT size=4 color=#8484ff>下载</FONT></A></center> </td></tr></table>








使用举例说明步骤:
一.选边框.
现选两层的边框,代码如下:;

<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table>


二.选内容.现边框有一层FLASH图片,代码如下:
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<p align=center>

<EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>



三.把边框里加入内容这四个字删掉,换成图片代码.
为了明显,我用蓝色表示边框,用绿色表示图片内容部分:
<p ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD><TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<p align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>
</td></tr></tbody></table></td></tr></tbody></table>
实际使用可没有颜色的,就是默认黑色..
就是:
<p ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD><TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<p align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>
</td></tr></tbody></table></td></tr></tbody></table>



五.把你整合好的代码,复制下来,点发言框下方的Discuz!模式,(如果你是跟贴的话,先点贴子最上方的回复贴子,就可以看到HTML了 ),把代码复制到发言框内,点发表.



六.修饰你的代码:这些贴子的图和边框宽度,一定不合你的意,怎么办?就把边框（宽度width=480)（高度height=300)改大或小一点,(提示：论坛宽度在450以内，如果超过，会削掉右边部分）直到你满意为止,图片地址可以换上你喜欢的那个图片.怎么样,不错吧.



七.想一想,既然可以加入图片,那么是不是也可以用同样的方法加入文字?加入音乐?呵呵,对了,就都放在内容部分,在边框代码<td></td>之间,即可.动手试看看吧~~

   

嘿嘿
过去对HTLM小有研究
荒废了

  乱~    看着晕晕乎乎的

那就闭着看

学习了，不错