思缘论坛 » 音乐听吧 » 思缘音画 » [07.07.23][转帖]HTML代码运用示例汇总

查看完整版本: [07.07.23][转帖]HTML代码运用示例汇总

诗婀娜 2007-7-23 06:50

[07.07.23][转帖]HTML代码运用示例汇总

<DIV class=quote>以前经常有人会问如何在页面中加入播放器？你可以在编辑时点击插入播放器而无需用到HTML代码。但是，千篇一律的款式是不是会让人久而生厌呢？其实，要想让你自己的网页变得生动，一款漂亮的，合乎页面整体设计的播放器就显得极其重要了。现在为你推荐一些漂亮的播放器，你只需复制代码放入你的文章里，就可以使用了。 
一、几款最常用的播放器 <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="FALSE" loop="-1">
代码如下 (EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0")
<EMBED style="FILTER: invert()" src=歌曲地址 width=300 height=50 type=audio/mpeg volume="0" autostart="false" loop="true"> 
代码如下 (EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true")
<EMBED style="FILTER: xray(); WIDTH: 300px; HEIGHT: 50px" src=歌曲 type=audio/mpeg autostart="FALSE" loop="-1" volume="1" 地址>
代码如下 (EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0")
<EMBED style="FILTER: GRAY()" src=歌曲地址 width=300 height=45 type=audio/mpeg P )< volume="0" autostart="true" loop="-1"> 
代码如下 (EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0")
重要提示： 1 复制时务必将（EMBED。。。）前后的括号（）替换成<>。这点非常重要。 2 WIDTH代表播放器宽度，HEIGHT代表高度，后面的数值可依自己喜好进行调整。 3 AUTOSTART="TRUE" 这里TRUE代表自动播放，如果换成FALSE则代表手动播放。
二、装饰美化你的播放器
有了基本的款式后，我们就可以根据自己的想象力，巧用HTML的表格，根据自己的图片素材，装饰美化自己的播放器啦。只要你有足够的创意，调整代码，就可以得到各式各样的播放器。这里抛砖引玉先介绍几款。
首先我们可以为黑色播放器加上一个边缘 (中间绿底的部分为原黑色播放器代码) 
<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY>
<TR>
<TD>
<EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000> <TBODY> <TR> <TD> <TABLE borderColor=#000000 align=center border=1> <TBODY> <TR> <TD><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"></TD></TR></TBODY></TABLE></TD></TR>& lt;/TBODY></TABLE>
当然也可以为蓝色播放器加上粉色边缘 (中间粉底部分为原蓝色播放器代码) 
<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
代码如下 
<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white> <TBODY> <TR> <TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2> <TBODY> <TR> <TD style="FILTER: alpha(opacity=100,style=3)"> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
    还可以将播放器置于一个单独的表格里，并加上表格的透明特效，播放器上的花纹就是表格的底图。(中间紫底部分的为原蓝色播放器代码) 

<TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=200,style=3)">
<EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></TD></TR></TBODY></TABLE>
代码如下: <TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1> <TBODY> <TR> <TD style="FILTER: alpha (opacity=50,style=3)"> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></TD></TR></TBODY></TABLE>
    还可以利用动态的GIF背景做成动态播放器 (中间蓝底部分为原来的灰色播放器代码 

<TABLE borderColor=#dee4fe cellSpacing=2 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=60,style=3)">
<EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
代码如下: <TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2> <TBODY> <TR> <TD> <TABLE align=center border=0> <TBODY> <TR> <TD style="FILTER: alpha (opacity=60,style=3)"> <EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </TD></TR></TBODY></TABLE></TD></TR></TBODY> </TABLE>
    甚至还可以将动态背景只在播放器底部运行     中间棕底字体为原灰色播放器代码 

<TABLE height=40 cellSpacing=0 cellPadding=0 width=300 background=http://bbs.guqu.net/UploadFile/2005-4/20054302075888035.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: Chroma(Color=''''#000000'''')" height=40 cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY>
<TR>
<TD>
<EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=40 type=audio/mpeg volume="0" autostart="false" loop="-1"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
代码如下 <TABLE height=40 cellSpacing=0 cellPadding=0 width=300 background=http://bbs.guqu.net/UploadFile/2005-4/20054302075888035.gif border=1> <TBODY> <TR> <TD> <TABLE style="FILTER: Chroma (Color=''''#000000'''')" height=40 cellSpacing=0 cellPadding=0 width=300 border=0> <TBODY> <TR> <TD> <EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=40 type=audio/mpeg loop="-1" autostart="false" volume="0"></TD></TR></TBODY></TABLE></TD>< /TR></TBODY></TABLE></DIV> 
<DIV></DIV>


[[i] 本帖最后由冰糖沁儿于 2007-7-25 21:55 编辑 [/i]]

诗婀娜 2007-7-23 06:51

用CSS打造你的播放器
invert滤镜 
<DIV align=center><EMBED style="FILTER: invert(); WIDTH: 350px; HEIGHT: 50px" src=http://218.1.14.139:8000/yy5t/6/2/4/04.wma type=audio/mpeg showstatusbar="1" autostart="false" loop="false"></DIV>
<DIV align=left></DIV>
<DIV align=left></DIV>Blur滤镜 
<DIV align=center><EMBED style="FILTER: Blur(); WIDTH: 350px; HEIGHT: 50px" src=http://218.1.14.139:8000/yy5t/6/2/4/04.wma width=128 height=128 type=audio/mpeg volume="0" loop="false" autostart="false" showstatusbar="1"></DIV>
<DIV align=left></DIV>
<DIV align=left></DIV>Gray滤镜 
<DIV align=center><EMBED style="FILTER: Gray(); WIDTH: 350px; HEIGHT: 50px" src=http://218.1.14.139:8000/yy5t/6/2/4/04.wma width=128 height=128 type=audio/mpeg volume="0" loop="false" autostart="false" showstatusbar="1"></DIV>
<DIV align=left></DIV>
<DIV align=left> Xray滤镜 </DIV>
<DIV align=center><EMBED style="FILTER: Xray(); WIDTH: 350px; HEIGHT: 50px" src=http://218.1.14.139:8000/yy5t/6/2/4/04.wma width=128 height=128 type=audio/mpeg volume="0" loop="false" autostart="false" showstatusbar="1"></DIV>
<DIV align=center>
<DIV align=left> </DIV></DIV>alpha滤镜 
<DIV align=center><EMBED style="FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=10,finishOpacity=100,style=2); WIDTH: 350px; HEIGHT: 50px" src=http://218.1.14.139:8000/yy5t/6/2/4/04.wma width=128 height=128 type=audio/mpeg volume="0" loop="false" autostart="false" showstatusbar="1"></DIV>
<DIV align=center>
<DIV align=left> </DIV></DIV>Wave滤镜 
<DIV align=center><EMBED style="FILTER: wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30); WIDTH: 350px; HEIGHT: 50px" src=http://218.1.14.139:8000/yy5t/6/2/4/04.wma width=128 height=128 type=audio/mpeg volume="0" loop="false" autostart="false" showstatusbar="1"></DIV>
<DIV align=center>
<DIV align=left> </DIV></DIV>alpha滤镜 
<DIV align=center><EMBED style="FILTER: alpha(opacity=100,style=3); WIDTH: 350px; HEIGHT: 50px" src=http://218.1.14.139:8000/yy5t/6/2/4/04.wma width=128 height=128 type=audio/mpeg volume="0" loop="false" autostart="false" showstatusbar="1"></DIV>
<DIV align=center>
<DIV align=left><!--alpha滤镜播放器效果代码：</DIV>
<DIV align=left>alpha滤镜 <div align="center"><embed style="FILTER: alpha(opacity=100,style=3); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div> </DIV></DIV>

诗婀娜 2007-7-23 06:52

诗婀娜 2007-7-23 06:53

播放器蒙胧化： 

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 259px; HEIGHT: 83px">
<TBODY>
<TR>
<TD><EMBED src=http://mms.blog.xuite.net/28/dv/3538547/3538547.wma width=250 height=40 type=audio/mpeg loop="true" autostart="true" panel="0"></TD></TR></TBODY></TABLE><TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 259px; HEIGHT: 83px"> <TBODY> <TR> <TD> <EMBED src=http://mms.blog.xuite.net/28/bd/13016017/blog_48134/dv/3538547/3538547.wma width=250 height=40 type=audio/mpeg loop="true" autostart="true" panel="0"></TD></TR></TBODY></TABLE> 
<DIV></DIV> 
<DIV></DIV>

诗婀娜 2007-7-23 06:54

诗婀娜 2007-7-23 06:55

我说明一下这的数值是可以根据自己所需要更改的哈（有点废话的感觉）

音乐地址换一个自己需要的音乐地址（也像废话）

。。。。。

一个人 2007-7-23 08:10

支持发代码教程

<CENTER> 

<TABLE cellSpacing=10 cellPadding=2 width=500 background="" border=2>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=2 width=480 background=" " border=0>
<TBODY>
<TR>
<TD>
<CENTER> 
<DIV>
<DIV align=center></DIV></DIV></CENTER>
<TR>
<TD vAlign=top width=550 height=1242>
 
216色html颜色代码
<TABLE cellSpacing=2 cellPadding=8 align=center>
<TBODY>
<TR class=style3>
<TD align=middle bgColor=#000000>#000000 </TD>
<TD align=middle bgColor=#000033>#000033 </TD>
<TD align=middle bgColor=#000066>#000066 </TD>
<TD align=middle bgColor=#000099>#000099 </TD>
<TD align=middle bgColor=#0000cc>#0000cc </TD>
<TD align=middle bgColor=#0000ff>#0000ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#003300>#003300 </TD>
<TD align=middle bgColor=#000033>#003333 </TD>
<TD align=middle bgColor=#003366>#003366 </TD>
<TD align=middle bgColor=#003399>#003399 </TD>
<TD align=middle bgColor=#0033cc>#0033cc </TD>
<TD align=middle bgColor=#0033ff>#0033ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#006600>#006600 </TD>
<TD align=middle bgColor=#006633>#006633 </TD>
<TD align=middle bgColor=#006666>#006666 </TD>
<TD align=middle bgColor=#006699>#006699 </TD>
<TD align=middle bgColor=#0066cc>#0066cc </TD>
<TD align=middle bgColor=#0066ff>#0066ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#009900>#009900 </TD>
<TD align=middle bgColor=#009933>#009933 </TD>
<TD align=middle bgColor=#009966>#009966 </TD>
<TD align=middle bgColor=#009999>#009999 </TD>
<TD align=middle bgColor=#0099cc>#0099cc </TD>
<TD align=middle bgColor=#0099ff>#0099ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#00cc00>#00cc00 </TD>
<TD align=middle bgColor=#00cc33>#00cc33 </TD>
<TD align=middle bgColor=#00cc66>#00cc66 </TD>
<TD align=middle bgColor=#00cc99>#00cc99 </TD>
<TD align=middle bgColor=#00cccc>#00cccc </TD>
<TD align=middle bgColor=#00ccff>#00ccff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#00ff00>#00ff00 </TD>
<TD align=middle bgColor=#00ff33>#00ff33 </TD>
<TD align=middle bgColor=#00ff66>#00ff66 </TD>
<TD align=middle bgColor=#00ff99>#00ff99 </TD>
<TD align=middle bgColor=#00ffcc>#00ffcc </TD>
<TD align=middle bgColor=#00ffff>#00ffff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#330000>#330000 </TD>
<TD align=middle bgColor=#330033>#330033 </TD>
<TD align=middle bgColor=#330066>#330066 </TD>
<TD align=middle bgColor=#330099>#330099 </TD>
<TD align=middle bgColor=#3300cc>#3300cc </TD>
<TD align=middle bgColor=#3300ff>#3300ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#333300>#333300 </TD>
<TD align=middle bgColor=#333333>#333333 </TD>
<TD align=middle bgColor=#333366>#333366 </TD>
<TD align=middle bgColor=#333399>#333399 </TD>
<TD align=middle bgColor=#3333cc>#3333cc </TD>
<TD align=middle bgColor=#3333ff>#3333ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#336600>#336600 </TD>
<TD align=middle bgColor=#336633>#336633 </TD>
<TD align=middle bgColor=#336666>#336666 </TD>
<TD align=middle bgColor=#336699>#336699 </TD>
<TD align=middle bgColor=#3366cc>#3366cc </TD>
<TD align=middle bgColor=#3366ff>#3366ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#339900>#339900 </TD>
<TD align=middle bgColor=#339933>#339933 </TD>
<TD align=middle bgColor=#339966>#339966 </TD>
<TD align=middle bgColor=#339999>#339999 </TD>
<TD align=middle bgColor=#3399cc>#3399cc </TD>
<TD align=middle bgColor=#3399ff>#3399ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#33cc00>#33cc00 </TD>
<TD align=middle bgColor=#33cc33>#33cc33 </TD>
<TD align=middle bgColor=#33cc66>#33cc66 </TD>
<TD align=middle bgColor=#33cc99>#33cc99 </TD>
<TD align=middle bgColor=#33cccc>#33cccc </TD>
<TD align=middle bgColor=#33ccff>#33ccff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#33ff00>#33ff00 </TD>
<TD align=middle bgColor=#33ff33>#33ff33 </TD>
<TD align=middle bgColor=#33ff66>#33ff66 </TD>
<TD align=middle bgColor=#33ff99>#33ff99 </TD>
<TD align=middle bgColor=#33ffcc>#33ffcc </TD>
<TD align=middle bgColor=#33ffff>#33ffff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#660000>#660000 </TD>
<TD align=middle bgColor=#660033>#660033 </TD>
<TD align=middle bgColor=#660066>#660066 </TD>
<TD align=middle bgColor=#660099>#660099 </TD>
<TD align=middle bgColor=#6600cc>#6600cc </TD>
<TD align=middle bgColor=#6600ff>#6600ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#663300>#663300 </TD>
<TD align=middle bgColor=#663333>#663333 </TD>
<TD align=middle bgColor=#663366>#663366 </TD>
<TD align=middle bgColor=#663399>#663399 </TD>
<TD align=middle bgColor=#6633cc>#6633cc </TD>
<TD align=middle bgColor=#6633ff>#6633ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#666600>#666600 </TD>
<TD align=middle bgColor=#666633>#666633 </TD>
<TD align=middle bgColor=#666666>#666666 </TD>
<TD align=middle bgColor=#666699>#666699 </TD>
<TD align=middle bgColor=#6666cc>#6666cc </TD>
<TD align=middle bgColor=#6666ff>#6666ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#669900>#669900 </TD>
<TD align=middle bgColor=#669933>#669933 </TD>
<TD align=middle bgColor=#669966>#669966 </TD>
<TD align=middle bgColor=#669999>#669999 </TD>
<TD align=middle bgColor=#6699cc>#6699cc </TD>
<TD align=middle bgColor=#6699ff>#6699ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#66cc00>#66cc00 </TD>
<TD align=middle bgColor=#66cc33>#66cc33 </TD>
<TD align=middle bgColor=#66cc66>#66cc66 </TD>
<TD align=middle bgColor=#66cc99>#66cc99 </TD>
<TD align=middle bgColor=#66cccc>#66cccc </TD>
<TD align=middle bgColor=#66ccff>#66ccff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#66ff00>#66ff00 </TD>
<TD align=middle bgColor=#66ff33>#66ff33 </TD>
<TD align=middle bgColor=#66ff66>#66ff66 </TD>
<TD align=middle bgColor=#66ff99>#66ff99 </TD>
<TD align=middle bgColor=#66ffcc>#66ffcc </TD>
<TD align=middle bgColor=#66ffff>#66ffff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#990000>#990000 </TD>
<TD align=middle bgColor=#990033>#990033 </TD>
<TD align=middle bgColor=#990066>#990066 </TD>
<TD align=middle bgColor=#990099>#990099 </TD>
<TD align=middle bgColor=#9900cc>#9900cc </TD>
<TD align=middle bgColor=#9900ff>#9900ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#993300>#993300 </TD>
<TD align=middle bgColor=#993333>#993333 </TD>
<TD align=middle bgColor=#993366>#993366 </TD>
<TD align=middle bgColor=#993399>#993399 </TD>
<TD align=middle bgColor=#9933cc>#9933cc </TD>
<TD align=middle bgColor=#9933ff>#9933ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#996600>#996600 </TD>
<TD align=middle bgColor=#996633>#996633 </TD>
<TD align=middle bgColor=#996666>#996666 </TD>
<TD align=middle bgColor=#996699>#996699 </TD>
<TD align=middle bgColor=#9966cc>#9966cc </TD>
<TD align=middle bgColor=#9966ff>#9966ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#999900>#999900 </TD>
<TD align=middle bgColor=#999933>#999933 </TD>
<TD align=middle bgColor=#999966>#999966 </TD>
<TD align=middle bgColor=#999999>#999999 </TD>
<TD align=middle bgColor=#9999cc>#9999cc </TD>
<TD align=middle bgColor=#9999ff>#9999ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#99cc00>#99cc00 </TD>
<TD align=middle bgColor=#99cc33>#99cc33 </TD>
<TD align=middle bgColor=#99cc66>#99cc66 </TD>
<TD align=middle bgColor=#99cc99>#99cc99 </TD>
<TD align=middle bgColor=#99cccc>#99cccc </TD>
<TD align=middle bgColor=#99ccff>#99ccff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#99ff00>#99ff00 </TD>
<TD align=middle bgColor=#99ff33>#99ff33 </TD>
<TD align=middle bgColor=#99ff66>#99ff66 </TD>
<TD align=middle bgColor=#99ff99>#99ff99 </TD>
<TD align=middle bgColor=#99ffcc>#99ffcc </TD>
<TD align=middle bgColor=#99ffff>#99ffff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#cc0000>#cc0000 </TD>
<TD align=middle bgColor=#cc3333>#cc0033 </TD>
<TD align=middle bgColor=#cc0066>#cc0066 </TD>
<TD align=middle bgColor=#cc0099>#cc0099 </TD>
<TD align=middle bgColor=#cc00cc>#cc00cc </TD>
<TD align=middle bgColor=#cc00ff>#cc00ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#cc3300>#cc3300 </TD>
<TD align=middle bgColor=#cc3333>#cc3333 </TD>
<TD align=middle bgColor=#cc3366>#cc3366 </TD>
<TD align=middle bgColor=#cc3399>#cc3399 </TD>
<TD align=middle bgColor=#cc33cc>#cc33cc </TD>
<TD align=middle bgColor=#cc33ff>#cc33ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#cc6600>#cc6600 </TD>
<TD align=middle bgColor=#cc6633>#cc6633 </TD>
<TD align=middle bgColor=#cc6666>#cc6666 </TD>
<TD align=middle bgColor=#cc6699>#cc6699 </TD>
<TD align=middle bgColor=#cc66cc>#cc66cc </TD>
<TD align=middle bgColor=#cc66ff>#cc66ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#cc9900>#cc9900 </TD>
<TD align=middle bgColor=#cc9933>#cc9933 </TD>
<TD align=middle bgColor=#cc9966>#cc9966 </TD>
<TD align=middle bgColor=#cc9999>#cc9999 </TD>
<TD align=middle bgColor=#cccccc>#cccccc </TD>
<TD align=middle bgColor=#ccccff>#ccccff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#ccff00>#ccff00 </TD>
<TD align=middle bgColor=#ccff33>#ccff33 </TD>
<TD align=middle bgColor=#ccff66>#ccff66 </TD>
<TD align=middle bgColor=#ccff99>#ccff99 </TD>
<TD align=middle bgColor=#ccffcc>#ccffcc </TD>
<TD align=middle bgColor=#ccffff>#ccffff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#ff0000>#ff0000 </TD>
<TD align=middle bgColor=#ff0033>#ff0033 </TD>
<TD align=middle bgColor=#ff0066>#ff0066 </TD>
<TD align=middle bgColor=#ff0099>#ff0099 </TD>
<TD align=middle bgColor=#ff00cc>#ff00cc </TD>
<TD align=middle bgColor=#ff00ff>#ff00ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#ff3300>#ff3300 </TD>
<TD align=middle bgColor=#ff3333>#ff3333 </TD>
<TD align=middle bgColor=#ff3366>#ff3366 </TD>
<TD align=middle bgColor=#ff3399>#ff3399 </TD>
<TD align=middle bgColor=#ff33cc>#ff33cc </TD>
<TD align=middle bgColor=#ff33ff>#ff33ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#ff9900>#ff6600 </TD>
<TD align=middle bgColor=#ff6633>#ff6633 </TD>
<TD align=middle bgColor=#ff6666>#ff6666 </TD>
<TD align=middle bgColor=#ff6699>#ff6699 </TD>
<TD align=middle bgColor=#ff66cc>#ff66cc </TD>
<TD align=middle bgColor=#ff66ff>#ff66ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#ff9900>#ff9900 </TD>
<TD align=middle bgColor=#ff9933>#ff9933 </TD>
<TD align=middle bgColor=#ff9966>#ff9966 </TD>
<TD align=middle bgColor=#ff9999>#ff9999 </TD>
<TD align=middle bgColor=#ff99cc>#ff99cc </TD>
<TD align=middle bgColor=#ff99ff>#ff99ff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#ffcc00>#ffcc00 </TD>
<TD align=middle bgColor=#ffcc33>#ffcc33 </TD>
<TD align=middle bgColor=#ffcc66>#ffcc66 </TD>
<TD align=middle bgColor=#ffcc99>#ffcc99 </TD>
<TD align=middle bgColor=#ffcccc>#ffcccc </TD>
<TD align=middle bgColor=#ffccff>#ffccff </TD></TR>
<TR class=style3>
<TD align=middle bgColor=#ffff00>#ffff00 </TD>
<TD align=middle bgColor=#ffff33>#ffff33 </TD>
<TD align=middle bgColor=#ffff66>#ffff66 </TD>
<TD align=middle bgColor=#ffff99>#ffff99 </TD>
<TD align=middle bgColor=#ffffcc>#ffffcc </TD>
<TD align=middle bgColor=#ffffff>#ffffff </TD></TR></TBODY></TABLE>
 
<TABLE cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD class=base width="100%" height=44>

颜色的英文名称
</TD></TR>
<TR>
<TD width="100%">
<TABLE cellSpacing=5 cellPadding=5 align=center>
<TBODY>
<TR class=style3>
<TD class="style3 style23" width="33%" bgColor=red>red </TD>
<TD class=style24 width="33%" bgColor=crimson>crimson </TD>
<TD class=style24 width="33%" bgColor=firebrick>firebrick </TD></TR>
<TR class=style3>
<TD class=style24 width="33%" bgColor=darkred>darkred </TD>
<TD class=style24 width="33%" bgColor=brown>brown </TD>
<TD class=style24 width="33%" bgColor=maroon>maroon </TD></TR>
<TR class=style3>
<TD class=style24 width="33%" bgColor=sienna>sienna </TD>
<TD class=style24 width="33%" bgColor=saddlebrown>saddlebrown </TD>
<TD class=style24 width="33%" bgColor=indianred>indianred </TD></TR>
<TR class=style3>
<TD class=style24 width="33%" bgColor=rosybrown>rosybrown </TD>
<TD class=style24 width="33%" bgColor=lightcoral>lightcoral </TD>
<TD class=style24 width="33%" bgColor=salmon>salmon </TD></TR>
<TR class=style3>
<TD class=style24 width="33%" bgColor=darksalmon>darksalmon </TD>
<TD class=style24 width="33%" bgColor=coral>coral </TD>
<TD class=style24 width="33%" bgColor=tomato>tomato </TD></TR>
<TR class=style3>
<TD class=style24 width="33%" bgColor=sandybrown>sandybrown </TD>
<TD class=style24 width="33%" bgColor=lightsalmon>lightsalmon </TD>
<TD class=style24 width="33%" bgColor=peru>peru </TD></TR>
<TR class=style3>
<TD class=style24 width="33%" bgColor=chocolate>chocolate </TD>
<TD class=style24 width="33%" bgColor=orangered>orangered </TD>
<TD class=style24 width="33%" bgColor=orange>orange </TD></TR>
<TR class=style3>
<TD class=style24 width="33%" bgColor=darkorange>darkorange </TD>
<TD class=style24 width="33%" bgColor=tan>tan </TD>
<TD class=style24 width="33%" bgColor=peachpuff>peachpuff </TD></TR>
<TR class=style3>
<TD class=style24 width="33%" bgColor=bisque>bisque </TD>
<TD class=style24 width="33%" bgColor=moccasin>moccasin </TD>
<TD class=style24 width="33%" bgColor=navajowhite>navajowhite </TD></TR>
<TR class=style3>
<TD class=style24 width="33%" bgColor=wheat>wheat </TD>
<TD class=style24 width="33%" bgColor=burlywood>burlywood </TD>
<TD class=style24 width="33%" bgColor=darkgoldenrod>darkgoldenrod </TD></TR>
<TR class=style3>
<TD class=style24 width="33%" bgColor=goldenrod>goldenrod </TD>
<TD class=style24 width="33%" bgColor=gold>gold </TD>
<TD class=style24 width="33%" bgColor=yellow>yellow </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=lightgoldenrodyellow>lightgoldenrodyellow </TD>
<TD class=style24 width="33%" bgColor=palegoldenrod>palegoldenrod </TD>
<TD class=style24 width="33%" bgColor=khaki>khaki </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=darkkhaki>darkkhaki </TD>
<TD class=style24 width="33%" bgColor=lawngreen>lawngreen </TD>
<TD class=style24 width="33%" bgColor=greenyellow>greenyellow </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=chartreuse>chartreuse </TD>
<TD class=style24 width="33%" bgColor=lime>lime </TD>
<TD class=style24 width="33%" bgColor=limegreen>limegreen </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=yellowgreen>yellowgreen </TD>
<TD class=style24 width="33%" bgColor=olive>olive </TD>
<TD class=style24 width="33%" bgColor=olivedrab>olivedrab </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=darkolivegreen>darkolivegreen </TD>
<TD class=style24 width="33%" bgColor=forestgreen>forestgreen </TD>
<TD class=style24 width="33%" bgColor=darkgreen>darkgreen </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=green>green </TD>
<TD class=style24 width="33%" bgColor=seagreen>seagreen </TD>
<TD class=style24 width="33%" bgColor=mediumseagreen>mediumseagreen </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=darkseagreen>darkseagreen </TD>
<TD class=style24 width="33%" bgColor=lightgreen>lightgreen </TD>
<TD class=style24 width="33%" bgColor=palegreen>palegreen </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=springgreen>springgreen </TD>
<TD class=style24 width="33%" bgColor=mediumspringgreen>mediumspringgreen </TD>
<TD class=style24 width="33%" bgColor=teal>teal </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=darkcyan>darkcyan </TD>
<TD class=style24 width="33%" bgColor=lightseagreen>lightseagreen </TD>
<TD class=style24 width="33%" bgColor=mediumaquamarine>mediumaquamarine </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=cadetblue>cadetblue </TD>
<TD class=style24 width="33%" bgColor=steelblue>steelblue </TD>
<TD class=style24 width="33%" bgColor=aquamarine>aquamarine </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=powderblue>powderblue </TD>
<TD class=style24 width="33%" bgColor=paleturquoise>paleturquoise </TD>
<TD class=style24 width="33%" bgColor=lightblue>lightblue </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=lightsteelblue>lightsteelblue </TD>
<TD class=style24 width="33%" bgColor=skyblue>skyblue </TD>
<TD class=style24 width="33%" bgColor=lightskyblue>lightskyblue </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=mediumturquoise>mediumturquoise </TD>
<TD class=style24 width="33%" bgColor=turquoise>turquoise </TD>
<TD class=style24 width="33%" bgColor=darkturquoise>darkturquoise </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=aqua>aqua </TD>
<TD class=style24 width="33%" bgColor=cyan>cyan </TD>
<TD class=style24 width="33%" bgColor=deepskyblue>deepskyblue </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=dodgerblue>dodgerblue </TD>
<TD class=style24 width="33%" bgColor=cornflowerblue>cornflowerblue </TD>
<TD class=style24 width="33%" bgColor=royalblue>royalblue </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=blue>blue </TD>
<TD class=style24 width="33%" bgColor=mediumblue>mediumblue </TD>
<TD class=style24 width="33%" bgColor=navy>navy </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=darkblue>darkblue </TD>
<TD class=style24 width="33%" bgColor=midnightblue>midnightblue </TD>
<TD class=style24 width="33%" bgColor=darkslateblue>darkslateblue </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=slateblue>slateblue </TD>
<TD class=style24 width="33%" bgColor=mediumslateblue>mediumslateblue </TD>
<TD class=style24 width="33%" bgColor=mediumpurple>mediumpurple </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=darkorchid>darkorchid </TD>
<TD class=style24 width="33%" bgColor=darkviolet>darkviolet </TD>
<TD class=style24 width="33%" bgColor=blueviolet>blueviolet </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=mediumorchid>mediumorchid </TD>
<TD class=style24 width="33%" bgColor=plum>plum </TD>
<TD class=style24 width="33%" bgColor=lavender>lavender </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=thistle>thistle </TD>
<TD class=style24 width="33%" bgColor=orchid>orchid </TD>
<TD class=style24 width="33%" bgColor=violet>violet </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=indigo>indigo </TD>
<TD class=style24 width="33%" bgColor=darkmagenta>darkmagenta </TD>
<TD class=style24 width="33%" bgColor=purple>purple </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=mediumvioletred>mediumvioletred </TD>
<TD class=style24 width="33%" bgColor=deeppink>deeppink </TD>
<TD class=style24 width="33%" bgColor=fuchsia>fuchsia </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=magenta>magenta </TD>
<TD class=style24 width="33%" bgColor=hotpink>hotpink </TD>
<TD class=style24 width="33%" bgColor=palevioletred>palevioletred </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=lightpink>lightpink </TD>
<TD class=style24 width="33%" bgColor=pink>pink </TD>
<TD class=style24 width="33%" bgColor=mistyrose>mistyrose </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=blanchedalmond>blanchedalmond </TD>
<TD class=style24 width="33%" bgColor=lightyellow>lightyellow </TD>
<TD class=style24 width="33%" bgColor=cornsilk>cornsilk </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=antiquewhite>antiquewhite </TD>
<TD class=style24 width="33%" bgColor=papayawhip>papayawhip </TD>
<TD class=style24 width="33%" bgColor=lemonchiffon>lemonchiffon </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=beige>beige </TD>
<TD class=style24 width="33%" bgColor=linen>linen </TD>
<TD class=style24 width="33%" bgColor=oldlace>oldlace </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=lightcyan>lightcyan </TD>
<TD class=style24 width="33%" bgColor=aliceblue>aliceblue </TD>
<TD class=style24 width="33%" bgColor=whitesmoke>whitesmoke </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=lavenderblush>lavenderblush </TD>
<TD class=style24 width="33%" bgColor=floralwhite>floralwhite </TD>
<TD class=style24 width="33%" bgColor=mintcream>mintcream </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=ghostwhite>ghostwhite </TD>
<TD class=style24 width="33%" bgColor=honeydew>honeydew </TD>
<TD class=style24 width="33%" bgColor=seashell>seashell </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=ivory>ivory </TD>
<TD class=style24 width="33%" bgColor=azure>azure </TD>
<TD class=style24 width="33%" bgColor=snow>snow </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=white>white </TD>
<TD class=style24 width="33%" bgColor=gainsboro>gainsboro </TD>
<TD class=style24 width="33%" bgColor=lightgrey>lightgrey </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=silver>silver </TD>
<TD class=style24 width="33%" bgColor=darkgray>darkgray </TD>
<TD class=style24 width="33%" bgColor=lightslategray>lightslategray </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=slategray>slategray </TD>
<TD class=style24 width="33%" bgColor=gray>gray </TD>
<TD class=style24 width="33%" bgColor=dimgray>dimgray </TD></TR>
<TR>
<TD class=style24 width="33%" bgColor=darkslategray>darkslategray </TD>
<TD class=style24 width="33%" bgColor=black>black </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TR></TD></TABLE></CENTER><EMBED src=http://yiyi.wx-e.com/yinfu/tiaodong/ninging/01.mid width=0 height=40 type=audio/x-pn-realaudio-plugin mime-types="mime.types" Initfn="load-types" volume="0" autostart="true" loop="true" controls="ControlPanel"> 

[[i] 本帖最后由一个人于 2007-7-23 00:16 编辑 [/i]]

一个人 2007-7-23 08:23

俺也来几个播放器

<DIV align=center>
<TABLE borderColor=#000000 height=249 cellSpacing=0 cellPadding=0 width=324 align=center background=http://cafe.chosun.com/img_file/club_file/98/mugoonghwa/bbs/23/midi-3-1[20050619132331].gif border=0>
<TBODY>
<TR>
<TD width=324 height=202 cellPadding="0" cellSpacing="0"></TD></TR>
<TR>
<TD align=left>
<EMBED src=http://bbs.62368.com/user_bgsound/6cacde25-0ed8-4eb9-a277-d68693ab5321.mp3 width=300 height=24 type=application/x-mplayer2 volume="0" autostart="0" loop="-1"> </TD></TR></TBODY></TABLE></DIV> 
<DIV align=center> </DIV> 
<DIV align=center> </DIV> 
<DIV align=left> <*TABLE borderColor=#000000 height=249 cellSpacing=0 cellPadding=0 width=324 align=center background=http://cafe.chosun.com/img_file/club_file/98/mugoonghwa/bbs/23/midi-3-1[20050619132331].gif border=0> <*TBODY> <*TR> <*TD width=324 height=202 cellSpacing="0" cellPadding="0"><*/TD><*/TR> <*TR> <*TD align=left> <*P align=center><*EMBED src=http://bbs.62368.com/user_bgsound/6cacde25-0ed8-4eb9-a277-d68693ab5321.mp3 width=300 height=24 type=application/x-mplayer2 loop="-1" autostart="0" volume="0"> <*/P><*/TD><*/TR><*/TBODY><*/TABLE><*/DIV></DIV> 
<DIV align=left> </DIV> 
<DIV align=center> 
<TABLE borderColor=#000000 height=249 cellSpacing=0 cellPadding=0 width=314 align=center background=http://blog.chosun.com/web_file/blog/167/9167/1/from-00-11-07.gif border=0>
<TBODY>
<TR>
<TD width=314 height=180 cellpadding="0" cellspacing="0"></TD></TR>
<TR>
<TD align=left>
<EMBED src=http://bbs.62368.com/user_bgsound/6cacde25-0ed8-4eb9-a277-d68693ab5321.mp3 width=310 height=28 type=video/x-ms-asf volume="0" autostart="0" loop="-1"></TD></TR></TBODY></TABLE></DIV> 
<DIV align=center> </DIV> 
<DIV align=center> </DIV> 
<DIV align=left><*TABLE borderColor=#000000 height=249 cellSpacing=0 cellPadding=0 width=314 align=center background=http://blog.chosun.com/web_file/blog/167/9167/1/from-00-11-07.gif border=0> <*TBODY> <*TR> <*TD width=314 height=180 cellpadding="0" cellspacing="0"></*TD><*/TR> <*TR> <*TD align=left> <*P align=center><*EMBED src=http://bbs.62368.com/user_bgsound/6cacde25-0ed8-4eb9-a277-d68693ab5321.mp3 width=310 height=28 type=video/x-ms-asf volume="0" autostart="0" loop="-1"><*/P><*/TD><*/TR><*/TBODY><*/TABLE><*/DIV></DIV> 
<DIV align=center> </DIV> 
<DIV align=center> 
<TABLE style="FILTER: Alpha(Opacity=300, FinishOpacity=0, Style=2, StartX=20,StartY=30, FinishX=0, FinishY=0)invert()"> 
<TBODY> 
<TR> 
<TD><EMBED style="FILTER: xray()" src=音乐地址 width=300 height=30 type=audio/mpeg loop="false" showstatusbar="0"> </EMBED></TD></TR></TBODY></TABLE></DIV> 
<DIV align=center> </DIV> 
<DIV align=center> </DIV> 
<DIV align=center> </DIV> 
<DIV align=left> <*TABLE style="FILTER: Alpha(Opacity=300, FinishOpacity=0, Style=2, StartX=20,StartY=30, FinishX=0, FinishY=0)invert()"> <*TBODY><*TR><*TD> <*EMBED style="FILTER: xray()" src=音乐地址 loop="false" width=300 height=30 type=audio/mpeg showstatusbar="0"> <*/EMBED><*/TD><*/TR><*/TBODY><*/TABLE></DIV> 
<TABLE style="BORDER-COLLAPSE: collapse" height=24 cellSpacing=0 cellPadding=0 width=300 align=center background=http://bbs.muwen.com/fileuploaddir/4B258184577.gif border=0> 
<TBODY> 
<TR> 
<TD style="FILTER: Chroma(Color='#000000')"> 
<EMBED src=音乐连接地址 width=300 height=24 type=audio/mpeg loop="false" autostart="true" volume="0" ShowStatusBar="1"> </TD></TR></TBODY></TABLE> 
  
<*TABLE style="BORDER-COLLAPSE: collapse" height=24 cellSpacing=0 cellPadding=0 width=300 background=http://bbs.muwen.com/fileuploaddir/4B258184577.gif border=0> <*TBODY><*TR><*TD style="FILTER: Chroma(Color='#000000')"> <*EMBED src=音乐连接地址 width=300 height=24 type=audio/mpeg  ShowStatusBar="1" volume="0" autostart="true" loop="false" > <*/TD><*/TR><*/TBODY><*/TABLE> 
<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white> 
<TBODY> 
<TR> 
<TD> 
<TABLE borderColor=#ff69b4 bgColor=#ffccf5 border=2> 
<TBODY> 
<TR> 
<TD style="FILTER: alpha(opacity=100,style=3)"><EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop="false" autostart="true" volume="0"></EMBED> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 
  
<*TABLE align=center style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 bgColor=white> <*TBODY><*TR><*TD><*TABLE borderColor=#ff69b4 bgColor=#ffccf5 border=2><*TBODY><*TR><*TD style="FILTER: alpha(opacity=100,style=3)"> <*EMBED src=音乐地址 width=300 height=45 type=audio/mpeg volume="0" autostart="true" loop="false"><*/EMBED> <*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE> 
<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 align=center background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2> 
<TBODY> 
<TR> 
<TD> 
<TABLE border=0> 
<TBODY> 
<TR> 
<TD style="FILTER: alpha (opacity=60,style=3)"><EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=45 type=audio/mpeg loop="false" autostart="true" volume="0"> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 
 
 
<*TABLE align=center borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2> <*TBODY> <*TR> <*TD> <*TABLE border=0> <*TBODY> <*TR> <*TD style="FILTER: alpha (opacity=60,style=3)"><*EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=45 type=audio/mpeg loop="false" autostart="true" volume="0"> <*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE> ; 
<TABLE borderColor=#4f3256 align=center background=http://www.zzi.cc/sck/jmbz/bz4/3.jpg border=0> 
<TBODY> 
<TR> 
<TD style="FILTER: alpha (opacity=50,style=3)"><EMBED src=http://222.92.21.147/sudaceo/Progress/10/the_one_you_love.mp3 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="false"> </TD></TR></TBODY></TABLE> 
 
<*TABLE align=center borderColor=#4f3256 align=center background=http://www.zzi.cc/sck/jmbz/bz4/3.jpg border=0> <*TBODY> <*TR> <*TD style="FILTER: alpha (opacity=50,style=3)"> <*EMBED src=http://222.92.21.147/sudaceo/Progress/10/the_one_you_love.mp3  width=300 height=45 type=audio/mpeg loop="false" autostart="false" volume="0"> <*/TD><*/TR><*/TBODY><*/TABLE> 
<DIV align=center><EMBED src=音乐地址 width=400 height=25 type=audio/mpeg volume="0" autostart="false" loop="-1"></EMBED> </DIV> 
<DIV align=center> </DIV> 
<DIV align=center> </DIV> 
<DIV align=left><*DIV align=center> <*EMBED src=音乐地址  width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"><*/EMBED></DIV> 
<DIV align=center><EMBED style="FILTER: Xray" src=音乐地址 width=400 height=25 type=audio/mpeg loop="-1" autostart="false" volume="0"></DIV> 
<DIV align=center> </DIV> 
<DIV align=center> </DIV> 
<DIV align=center> </DIV> 
<DIV align=left><*DIV align=center><*EMBED style="FILTER: Xray" src=音乐地址 width=400 height=25 type=audio/mpeg loop="-1" autostart="false" volume="0"><*/EMBED> </DIV> 
<DIV align=center><EMBED style="FILTER: Gray" src=音乐地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></DIV> 
<DIV align=center> </DIV> 
<DIV align=center> </DIV> 
<DIV align=left><*DIV align=center><*EMBED style="FILTER: Gray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"><*/EMBED>; </DIV> 
<DIV align=center><EMBED style="FILTER: Invert" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></DIV> 
<DIV align=center> </DIV> 
<DIV align=center> </DIV> 
<DIV align=left><*DIV align=center><*EMBED style="FILTER: Invert" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"><*/EMBED> </DIV> 
<DIV align=center> 
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 300px; HEIGHT: 60px"> 
<TBODY> 
<TR> 
<TD><EMBED src=音乐地址 width=300 height=45 type=audio/mpeg panel="0" autostart="false" loop="false"> </TD></TR></TBODY></TABLE></DIV> 
<DIV align=center> </DIV> 
<DIV align=center> </DIV> 
<DIV align=left><*TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 300px; HEIGHT: 60px"> <*TBODY><*TR><*TD> <*EMBED src=音乐地址 width=300 height=45 type=audio/mpeg loop="false" autostart="false" panel="0"> <*/TD><*/TR><*/TBODY><*/TABLE>; </DIV> 
<DIV align=left> 
<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 align=center bgColor=#00000> 
<TBODY> 
<TR> 
<TD> 
<TABLE borderColor=#000000 align=center border=1> 
<TBODY> 
<TR> 
<TD> 
<EMBED style="FILTER: Xray" src=http://bbs.62368.com/user_bgsound/6cacde25-0ed8-4eb9-a277-d68693ab5321.mp3 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV> 
<DIV align=left> </DIV> 
<DIV align=left> </DIV> 
<DIV align=left><*TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000> <*TBODY> <*TR> <*TD> <*TABLE borderColor=#000000 align=center border=1> <*TBODY> <*TR> <*TD><*P align=center><*EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"><*/P><*/TD><*/TR><*/TBODY><*/TABLE><*/TD><*/TR><*/TBODY><*/TABLE></DIV> 
<DIV align=left> </DIV> 
<TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1> 
<TBODY> 
<TR> 
<TD style="FILTER: alpha (opacity=50,style=3)"> 
<EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></TD></TR></TBODY></TABLE> 
  
  
<*TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1> <*TBODY> <*TR> <*TD style="FILTER: alpha (opacity=50,style=3)"> <*P align=center> <*EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"><*/P><*/TD><*/TR></*TBODY><*/TABLE>
 
 
记得要把代码里的  *  去掉^&^

红雪飘飘 2007-7-23 09:13

:a16 谢谢咯,..偶都收藏了哦..嘻嘻!!.

多谢一个人.和诗婀娜

冰 2007-7-23 09:37

:a16 不错```这个非常不错记得有好的播放器来随时更新``让大家都会做漂亮的播放器``

花语0 2007-7-25 12:30

移动的巧用

效果一: 
<MARQUEE scrollAmount=1 direction=up behavior=alternate height=260>
<MARQUEE scrollAmount=1 direction=up height=150> 风对你的独白 清晨、当你还在熟睡的梦乡， 我就拂过你的脸庞， 是一种期盼、是一点灵犀、更是一份想往， 你能够感觉到吗？ 我在你的发梢拂动， 在你的肩际拉动你的丝被， 穿透你那敞开的 衣领， 泌入你那胸前的山谷， 那一次次的拂动，也是我一次次的抚爱, 当你出现在在都市的街头， 就在此时此刻，在你那忙碌的身影下， 在你那匆匆的脚步中, 我正在你的发际旁， 拉动着你的丝巾，多少次深情的回眸, 多少次深情的飘洒，一次次永远的叮咛， 也是我一次次的永远的期盼, 你踏碎夕阳泼洒下来的晚霞， 那些在天边逶迤的暮色中， 我飘浮在你那能读懂却又似乎 不太能读懂的眼神里， 万千宠爱在你那两扇明亮的眼眶， 你甜甜的又涩涩的，那么多的笑容, 那么多的泪水，一切都在我的心中。 夜，已经悄悄地来临， 我还在你的梦里吹拂着, 这就是我心里对你的真正感知， 他向你扑面而来. </MARQUEE></MARQUEE> 代码: <MARQUEE scrollAmount=1 direction=up behavior=alternate height=260><MARQUEE scrollAmount=1 direction=up height=150> 文字 </MARQUEE></MARQUEE> 效果二: 
<MARQUEE scrollAmount=2 direction=up behavior=alternate height=260>
<MARQUEE scrollAmount=1 direction=up height=150> 风对你的独白 清晨、当你还在熟睡的梦乡， 我就拂过你的脸庞， 是一种期盼、是一点灵犀、更是一份想往， 你能够感觉到吗？ 我在你的发梢拂动， 在你的肩际拉动你的丝被， 穿透你那敞开的 衣领， 泌入你那胸前的山谷， 那一次次的拂动，也是我一次次的抚爱, 当你出现在在都市的街头， 就在此时此刻，在你那忙碌的身影下， 在你那匆匆的脚步中, 我正在你的发际旁， 拉动着你的丝巾，多少次深情的回眸, 多少次深情的飘洒，一次次永远的叮咛， 也是我一次次的永远的期盼, 你踏碎夕阳泼洒下来的晚霞， 那些在天边逶迤的暮色中， 我飘浮在你那能读懂却又似乎 不太能读懂的眼神里， 万千宠爱在你那两扇明亮的眼眶， 你甜甜的又涩涩的，那么多的笑容, 那么多的泪水，一切都在我的心中。 夜，已经悄悄地来临， 我还在你的梦里吹拂着, 这就是我心里对你的真正感知， 他向你扑面而来. </MARQUEE></MARQUEE> 代码: <MARQUEE scrollAmount=2 direction=up behavior=alternate height=260><MARQUEE scrollAmount=1 direction=up height=150> 文字 </MARQUEE></MARQUEE> 效果三: 
<MARQUEE scrollAmount=1 behavior=alternate width=460 height=160>
<MARQUEE scrollAmount=1 direction=up width=456 height=160> 风对你的独白 清晨、当你还在熟睡的梦乡， 我就拂过你的脸庞， 是一种期盼、是一点灵犀、更是一份想往， 你能够感觉到吗？ 我在你的发梢拂动， 在你的肩际拉动你的丝被， 穿透你那敞开的 衣领， 泌入你那胸前的山谷， 那一次次的拂动，也是我一次次的抚爱, 当你出现在在都市的街头， 就在此时此刻，在你那忙碌的身影下， 在你那匆匆的脚步中, 我正在你的发际旁， 拉动着你的丝巾，多少次深情的回眸, 多少次深情的飘洒，一次次永远的叮咛， 也是我一次次的永远的期盼, 你踏碎夕阳泼洒下来的晚霞， 那些在天边逶迤的暮色中， 我飘浮在你那能读懂却又似乎 不太能读懂的眼神里， 万千宠爱在你那两扇明亮的眼眶， 你甜甜的又涩涩的，那么多的笑容, 那么多的泪水，一切都在我的心中。 夜，已经悄悄地来临， 我还在你的梦里吹拂着, 这就是我心里对你的真正感知， 他向你扑面而来. </MARQUEE></MARQUEE> 代码: <MARQUEE scrollAmount=1 behavior=alternate height=160 width=460><MARQUEE scrollAmount=1 direction=up height=160 width=456> 文字 </MARQUEE></MARQUEE> 原理很简单的,用了两组移动, 怎么理解这两组移动呢, 里面那组就是我们平时做的移动,並把他看成一张图片, 外面就是移动这张图片啦, 合成运动就是我们看到的效果了. 例如将<效果二>加上背景色看就很清楚了. 
<MARQUEE scrollAmount=2 direction=up behavior=alternate bgColor=#ff99ff height=260>
<MARQUEE scrollAmount=1 direction=up bgColor=#ff00ff height=150> 风对你的独白 清晨、当你还在熟睡的梦乡， 我就拂过你的脸庞， 是一种期盼、是一点灵犀、更是一份想往， 你能够感觉到吗？ 我在你的发梢拂动， 在你的肩际拉动你的丝被， 穿透你那敞开的 衣领， 泌入你那胸前的山谷， 那一次次的拂动，也是我一次次的抚爱, 当你出现在在都市的街头， 就在此时此刻，在你那忙碌的身影下， 在你那匆匆的脚步中, 我正在你的发际旁， 拉动着你的丝巾，多少次深情的回眸, 多少次深情的飘洒，一次次永远的叮咛， 也是我一次次的永远的期盼, 你踏碎夕阳泼洒下来的晚霞， 那些在天边逶迤的暮色中， 我飘浮在你那能读懂却又似乎 不太能读懂的眼神里， 万千宠爱在你那两扇明亮的眼眶， 你甜甜的又涩涩的，那么多的笑容, 那么多的泪水，一切都在我的心中。 夜，已经悄悄地来临， 我还在你的梦里吹拂着, 这就是我心里对你的真正感知， 他向你扑面而来. </MARQUEE></MARQUEE> 效果四: 
<MARQUEE scrollAmount=3 behavior=alternate width="100%">
<MARQUEE scrollAmount=3 width="96%"><IMG src="http://www.sucaicd.com/1/JPEG640/006/151_200/SF172_L.jpg"><IMG src="http://www.sucaicd.com/1/JPEG640/006/151_200/SF179_L.jpg"><IMG src="http://www.sucaicd.com/1/JPEG640/006/151_200/SF199_L.jpg"><IMG src="http://www.sucaicd.com/1/JPEG640/006/151_200/SF178_L.jpg"><IMG src="http://www.sucaicd.com/1/JPEG640/006/151_200/SF158_L.jpg"><IMG src="http://www.sucaicd.com/1/JPEG640/006/151_200/SF157_L.jpg"><IMG src="http://www.sucaicd.com/1/JPEG640/006/101_150/SF137_L.jpg"><IMG src="http://www.sucaicd.com/1/JPEG640/006/101_150/SF131_L.jpg"><IMG src="http://www.sucaicd.com/1/JPEG640/006/101_150/SF124_L.jpg"><IMG src="http://www.sucaicd.com/1/JPEG640/006/101_150/SF101_L.jpg"><IMG src="http://www.sucaicd.com/1/JPEG640/006/051_100/SF080_L.jpg"></MARQUEE></MARQUEE> 代码: <MARQUEE scrollAmount=3 behavior=alternate width=100%><MARQUEE scrollAmount=3 width=96%> 图片 </MARQUEE></MARQUEE> 效果五: 
<MARQUEE scrollAmount=13 height=360>
<MARQUEE scrollAmount=3 direction=up behavior=alternate width="100%"><IMG src="http://www.sucaicd.com/1/JPEG640/006/151_200/SF172_L.jpg"></MARQUEE></MARQUEE> 代码: <MARQUEE scrollAmount=13 height=360><MARQUEE scrollAmount=3 direction=up behavior=alternate width=100%> <img src=http://www.sucaicd.com/1/JPEG640/006/151_200/SF178_L.jpg> </MARQUEE></MARQUEE>

一个人 2007-7-25 13:22

支持发代码啊！！！！

<MARQUEE width=200 height=50>思缘音画欢迎你</MARQUEE>
<MARQUEE direction=right width=200 height=50>你迎欢画音缘思</MARQUEE>
 代码如下：
 
color=#ee110e size=3><MARQUEE direction=left width=200 height=50>文字</MARQUEE>color=#ee1111 size=3><MARQUEE direction=right width=200 height=50>文字</MARQUEE>
 
 
蓝色是文字的颜色：color=颜色     置顶的诗啊娜的贴里有颜色代码
 
红色是文字的大小：size=数字越大文字就越大
 
粉红色是文字的移动方向：direction=方位，设置移动的方向。可取值up(向上)、down(向下)、left(向左)、right(向右)，left(向左)。
 
绿色是宽度和高度：跟据贴子的大小和文字的大小改变宽度和高度
 
暂时现到这为止^&^俺的懒性又发作了

飞少 2007-7-26 17:01

[07-26]HTML代码贴图通俗教程汇集篇

<DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">
<DIV align=center>HTML代码贴图通俗教程</DIV></DIV> 
很多朋友对html贴图有着浓厚的兴趣，只是苦于无从下手，找不到要领，所以再给大家提供一个专题讲座，有部分内容以及贴图素材在此就不赘诉了，请参考固顶中的“贴图指导基础教程”，另外本帖是教学帖，谢绝回复，有疑问或试帖请到固顶帖中的“试帖练习”，在那里我尽力为你解惑答疑，让我们共同学习。 
一：背景

<TABLE borderColor=#841a00 cellSpacing=2 width=500 align=center background=http://www.mii8888.com/sozai/miisozai/bg/b2.jpg border=10>
<TBODY>
<TR>
<TD> 

<DIV style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体"> 一个完整的HTML帖子应该是： 美贴＝背景＋文章＋插图＋收尾</DIV> 

 </TD></TR></TBODY></TABLE>
原代码如下： <TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>
帖子的文章加图片</TD></TR></TBODY></TABLE>
注意：前边用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。多收和少收都会使帖子出错哦　：）
常用的参数设定及注解： <table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF"> width="400" 表格宽度，接受绝对值（如 500）及相对值（如 80%）。 border="10" 表格边框的厚度。 cellspacing="2" 表格格线的厚度 cellPadding=5　表格格线内厚度 align="CENTER" 表格的摆放位置（水平），可选值为：左： left,　右： right,　居中： center valign="TOP". 表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。　　 background="背景图片网址" 表格的背景图片，与 bgcolor 不要同用。 bgcolor="#0000FF" 表格的底色，与 background 不要同用 bordercolor="#CF0000" 表格边框颜色 bordercolorlight="#00FF00" 表格边框向光部分的颜色 bordercolordark="#00FFFF" 表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。


 
贴图
1.基本代码： <img src=图片网址 width=图片宽度 height=图片高度> 注意：设定图片大小，此宽度及高度一般采用 pixels （也就是像素）作单位。通常只设为图片的真实大小，以免失真，若需要改图片大小最好使用图像编辑工具（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。）。图片的居中，居左，居右上面已经介绍了，这里不再重复。。。。。 2.给图片加边框 
<CENTER>
<TABLE borderColor=#841a00 cellSpacing=2 cellPadding=1 border=10>
<TBODY>
<TR>
<TD><IMG style="CURSOR: pointer" onclick="java script:window.open(this.src);" src="http://bbs.sm618.com/UploadFile/2005-6/200563021202611415.jpg" onload="return imgzoom(this,550)"></TD></TR></TBODY></TABLE></CENTER>
 基本代码： <table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><tbody><tr><td><img src=图片地址 width=500 height=375></td></tr></tbody></table> 说明： border="6" 表格边框的厚度，如果你不想显示边框的边，你就把参数设置为“0”。 cellspacing="2" 表格格线的厚度 cellPadding=1　表格格线内厚度 borderColor=#841A00　边框色彩
比较一下，下图与上一个图有什么地方不同？
<TABLE cellSpacing=2 borderColorDark=#841a00 cellPadding=1 borderColorLight=#cd5c5c border=10>
<TBODY>
<TR>
<TD><IMG style="CURSOR: pointer" onclick="java script:window.open(this.src);" src="http://bbs.sm618.com/UploadFile/2005-6/200563021202611415.jpg" onload="return imgzoom(this,550)"></TD></TR></TBODY></TABLE>

看出来了吗？这个边框设置成了光感效果，用了这样的代码： 
borderColorlight=#CD5C5C  表格边框向光部分的颜色
borderColordark=#841A00   表格边框背光部分的颜色
如果你的边框用了感光效果，bordercolor 就失效了，所以不能同时使用。
上图的代码如下：
<table border=10 cellSpacing=2 cellPadding=1 borderColorlight=#CD5C5C borderColordark=#841A00><tbody><tr><td><img src=图片地址 width=500 height=375></td></tr></tbody></table> 
 
多层边框的制作

<HR noShade SIZE=1>

  


<TABLE cellSpacing=0 cellPadding=15 width=600 background=http://shm.2000y.net/UploadFile/2005-5/2005529115036841.gif border=3>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=10 width="100%" background=http://shm.2000y.net/UploadFile/2005-5/2005529114932160.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=10 width="100%" background=http://shm.2000y.net/UploadFile/2005-5/2005529115036841.gif border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=8 width="100%" background=http://shm.2000y.net/UploadFile/2005-5/200552911482833.jpg border=3>
<TBODY>
<TR>
<TD width="100%"> 
　</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
上图共有4层边框，也就是有4个背景图
第一层
<TABLE cellSpacing=0 cellPadding=15 width="600" background=背景图片地址  border=3> <TBODY> <TR> <TD width="100%">
第二层 <TABLE cellSpacing=0 cellPadding=10 width="100%" background=背景图片地址 border=1> <TBODY> <TR> <TD width="100%">
第三层 <TABLE cellSpacing=0 cellPadding=10 width="100%" background=背景图片地址 border=1> <TBODY> <TR> <TD width="100%">
第四层 <TABLE cellSpacing=0 cellPadding=8 width="100%" background=背景图片地址 border=3> <TBODY> <TR> <TD width="100%"> 
结束语 </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


<HR noShade SIZE=1>


 
 
图片插入的位置

<HR noShade SIZE=1>

  

例1 普通插入
<IMG border=0 height=200 src="<A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank><A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank><A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank>http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg</A></A></A>" width=350>　
<IMG style="CURSOR: pointer" onclick="java script:window.open(this.src);" src="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" onload="return imgzoom(this,550)" border=0>  
border=0  图片的边框    height=200 图片的高度    width=350 图片的宽度
例2   设定上下左右空白位置 
<img src="<A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank><A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank><A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank>http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg</A></A></A>" width=350 height=200 border=0 hspace=10 vspace=20> 
<IMG style="CURSOR: pointer" onclick="java script:window.open(this.src);" src="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" onload="return imgzoom(this,550)" border=0>  设定上下左右空白位置
hspace=10  是设定图片左右的空间         vspace=20    是设定图片上下的空间
例3   设定图片中间对齐，边框厚度为 4
<img src="<A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank><A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank><A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank>http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg</A></A></A>" width=350 height=200 border=4  align=middle>
<IMG style="CURSOR: pointer" onclick="java script:window.open(this.src);" src="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" onload="return imgzoom(this,550)">  设定图片中间对齐，边框厚度为 4
align=middle   格内内容的对齐方式（垂直），可选值为： top (顶部） middle （中部） bottom （底部）
例4：设定图片靠右
<img src="<A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank><A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank><A href="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" target=_blank>http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg</A></A></A>" width=350 height=200 border=0 align=right>
<IMG style="CURSOR: pointer" onclick="java script:window.open(this.src);" src="http://bbs.sm618.com/UploadFile/2005-6/200563021431116601.jpg" onload="return imgzoom(this,550)">
  







align=right   表格的摆放位置（水平），可选值为： left (左） right（右） center（中）



<HR noShade SIZE=1>


 
 
 
文字应用

<HR noShade SIZE=1>

  

注意：文字只能在背景图片上显示，所以如果你想在某一图片上写字，就须把图片设置为背景
1.文字基本设制
基本代码如下：
插入文字 
说明：
这是一对输入文字的代码 
表示居中，表示居左，表示居右。
face=字体　常用字体为：宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等 
size=字体大小，这里的最大值为7　取值越大文字就越大
另一种贴法：
插入文字
font:40pt　数值越大文字就越大。
color=颜色代码   

<TABLE borderColor=#8b008b height=375 cellSpacing=5 cellPadding=5 width=500 background=http://bbs.sm618.com/UploadFile/2005-8/20058162241790408.jpg border=10>
<TBODY>
<TR>
<TD>
鹰击长空</FOND></TD></TR></TBODY></TABLE>
代码如下：
<TABLE borderColor=#8b008b height=375 cellSpacing=5 cellPadding=5 width=500 background=http://bbs.sm618.com/UploadFile/2005-8/20058162241790408.jpg border=10> <TBODY> <TR> <TD> 鹰击长空</FOND></TD></TR></TBODY></TABLE>
文字的移动
效果： 

<MARQUEE scrollAmount=1 scrollDelay=80 direction=up width=400 height=90>移动文字 可根据下面基本代码 自行调节效果</MARQUEE>
 基本代码： <marquee direction=up behavior=scroll width=400 height=90 scrolldelay=80 scrollamount=1>插入文字</marquee> 说明： direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right) behavior=移动方式，　scroll 一圈一圈绕着走，　slide 只走一次，　behavior=alternate 来回走 width=宽度　　height=高度　　scrolldelay=速度　　scrollamount=位移 上面的参数大家可以根据不同的情况自行调节。
 
 
 
添加透明flash 




<TABLE cellSpacing=35 cellPadding=0 width=550 background=http://bbs.sm618.com/UploadFile/2005-8/200581622514118325.jpg border=3>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=20 cellPadding=0 width="100%" background=http://bbs.sm618.com/UploadFile/2005-8/200581622491872224.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 cellPadding=0 width="100%" background=http://bbs.sm618.com/UploadFile/2005-8/200581622493028026.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE height=550 cellSpacing=0 cellPadding=0 width=450 background=http://bbs.sm618.com/UploadFile/2005-8/200581622494354462.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=center src=http://imgfree.21cn.com/free/flash/113.swf width=400 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED align=left src=http://imgfree.21cn.com/free/flash/4.swf width=550 height=350 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

代码如下：
<TABLE cellSpacing=35 cellPadding=0 width=460 background=边框图片<A href="http://bbs.e-yu.cn/attachments/ext_gif/0wnh_20047270205710625.gif" target=_blank>地址1</A> border=3> <TBODY> <TR> <TD><TABLE cellSpacing=20 cellPadding=0 width=100% background=边框图片地址2 border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=5 cellPadding=0 width=100% background=边框图片地址3 border=1> <TBODY> <TR> <TD> <TABLE height=550 cellSpacing=0 cellPadding=0 width=450 background=背景图片地址4 border=0> <TBODY> <TR> <TD><EMBED align=center src=flash地址 width=400 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=left src=flash地址 width=550 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
说明：粉红字就是插入透明flash的代码，在这里我连续插入了两种flash特效。把FLASH放在图片里面，这样图片就必需作为背景才行，不足之处就在于图片往往较大，而论坛显示范围有限，作为背景的图片常常无法显示全图。所以建议大家在用这种格式的时候最好是选取一些较小的图，也或者自己用PS将图改小了再用。
 
插入音乐

我们通常在在帖子结束前插入音乐，其代码是<EMBED  SRC=“音乐地址”> 
常用的代码：
AutoStart=true　表示是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为true Loop=true　表示设定播放重复次数，LOOP=3表示重复3次，true表示无限次播放，FALSE播放一次即停止。 width=宽度 height=高度　可以设定控制播放器面板的大小，如果都设置为0就可以把播放器隐藏了。
VOLUME=0-100   设定音量的大小。如果没设定的话，就用系统的音量。
HIDDEN=TRUE    隐藏控制面板
STARTTIME="分:秒" 设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。 
ALIGN="center" 设定控制面板和旁边文字或图片的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom 
CONTROLS=CONSOLE/SMALLCONSOLE   设定控制面板的样子</