HTML音画代码汇总

空间教程

 

初级教程课一·大图背景：

 

原始代码：
 
<TABLE style="BACKGROUND-IMAGE: url(这里放入图素材地址)" borderColor=#cccccc cellSpacing=60 cellPadding=60 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312><FONT size=5><STRONG></STRONG></FONT></FONT>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TABLE>
 

初级教程课二·大图背景成框：

 

原始代码：

单层边框

<P></P>
<CENTER>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=34 cellPadding=34 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
 

<TABLE style="BACKGROUND-IMAGE: url(这里放入图素材地址)" borderColor=#cccccc cellSpacing=60 cellPadding=60 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312><FONT size=5><STRONG></STRONG></FONT></FONT>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TABLE>

图羽化的代码

 

 

1，静的代码：圆形

 

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=450>
</CENTER>

 

2,静的代码：方形

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=3)"width=450>
</CENTER>

 

 

3，动的代码：

 

<marquee behavior=alternate><BR>
<img src="这里放图的地址" style="FILTER: alpha(opacity=100,style=2)"width=450><BR>
</marquee></p>

  

  

初级教程课三·音画贴图动画： 

 

 

原始代码：

 

<DIV align=center>
<TABLE cellSpacing=2 cellPadding=2 width=480 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<P>&nbsp;</P>
<MARQUEE><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1" bloaded="true" loadingtimer="-1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1" bloaded="true" loadingtimer="-1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="</FONT>

 

 效果： 

 这里可写内容，加空隔/分隔线，写空间名，制作人

 

　 　 　 　 　 　 　
 

 

一款播放器

代码如下
<P><BR><EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg allownetworking="internal" loop="-1" autostart="FALSE" volume="0" invokeurls="false" allowNetworking="internal" allowscriptaccess="never"></P>

 

 

初级教程课四·精美多层边框： 

 

 

 

原始代码为：

 

<P></P>
<CENTER>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=34 cellPadding=34 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址); WIDTH: 710px; HEIGHT: 429px" borderColor=#cccccc cellSpacing=34 cellPadding=34 width=858 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<CENTER>
<P align=center><FONT color=#000000><FONT size=5>这里写内容！</FONT></P></CENTER></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<P></P>
<CENTER>&nbsp;</CENTER></TD></TR></TBODY></TABLE></CENTER>

 

 

 朋友看到啦是6个边框加一个背景哦！7个素材图哦认真选图。

文章评论