|
HTML代码音画全部完整的中级教程 1----10
编辑说明
宝贝们：这是HTML代码音画全部完整的中级教程 1----10课 的代码，这些代码不仅可以方便地复制进行使用，而且还可 以方便地点击查看每一课教程的实际制作效果。这就给那些 初学者提供了参考的实例，学起来就可以起到事半功倍的效 果，轻松地完成作业的制作。同时也方便那些音画爱好者参 阅和欣赏，能够相互间取长补短，以发扬和光大代码音画。 HTML音画中级代码《一》音乐贴图变化效果 代码 <TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0> <TBODY> <TR> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=100> <P align=center><IMG src="在这里粘贴你自己的图片地址" []=""></P></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=100> <P align=center></P> <P align=center><IMG src="在这里粘贴你自己的图片地址" []=""></P></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=100> <P align=center></P> <P align=center><IMG src="在这里粘贴你自己的图片地址" []=""></P></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=100> <P align=center></P> <P align=center><IMG src="在这里粘贴你自己的图片地址" []= ""></P></MARQUEE></TD></TR></TBODY></TABLE>
中级教程《一》完成后效果 HTML音画中级代码《二》代码组图 代码 <TABLE style="WIDTH: 230px; HEIGHT: 264px" height=264 cellSpacing=6 borderColorDark=#3e2500 width=230 align=left bgColor=#643c00 borderColorLight=#00000 border=0> width=435 appendurl="1"></P></TD></TR></TBODY></TABLE></DIV> width=252 appendurl="1">
这里写字 </DIV> width=252 appendurl="1"></DIV><DIV align=center>这里写字 </DIV> width=252 appendurl="1"></P><DIV align=center>这里写字 </DIV> width=252 appendurl="1"></P> 这里写字 </DIV> width=252 appendurl="1"></P><DIV align=center> </DIV></DIV></DIV> 中级教程《二》完成后效果
HTML音画中级代码《三》边框分解如何组合 代码 <TABLE style="BACKGROUND-IMAGE: url(地址)" borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=80 cellPadding=80 width="100%" align=center bgColor=#ffffff border=0> BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#7f6709 cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=15 cellPadding=15 width="100%" align=center bgColor=#ffffff border=0> BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#7f6709 cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=10 cellPadding=10 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0> </TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY> </TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=8 cellPadding=8 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD> </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P> borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0> BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#c6c607 cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P> borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0> borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0> 中级教程《三》完成后效果 HTML音画中级代码《四》如何用图片编辑精美字体 代码 <P> cellSpacing=0 cellPadding=0 align=center table="table" tbody="tbody"> align=center table="table" tbody="tbody"> LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>这里写入你喜欢的文字</B> </FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P></B></FONT> 中级教程《四》完成后效果 HTML音画中级代码《五》如何在图片加播放器 代码 <DIV align=left><FONT size=5> borderColor=#000000 height=300cellSpacing=0 cellPadding=0 width=300 align=center <TABLE style="BACKGROUND-IMAGE: url(你需要的图片网址)" border=0><BR><TBODY><BR><TR> style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: " src=你需要的MP3网址 width=0 height=0 type=video/x-ms-asf allowScriptAccess="never" allowNetworking="internal" loop="true" autostart="true" volume="0"></P></TD></TR></TBODY> 【width=300 和height=300 是图片的宽和高，可调】 中级教程《五》完成后效果
HTML代码音画中级教程《六》用图片地址上传图片 透明图片（flash图片）代码
温馨提示
一、使用本代码时，要把这里面的小红圈去掉：[。flas否则不能显示 二、[。flasht,850,600,0,0]这里的850、600是宽和高，这里只是参 考数据，你可以自己修改。0、0这里的前一个0是横坐标， 后一个0是纵坐标，自己确定。
非透明图片代码
<P></P><P></P><P align=center> </P>
中级教程《六》完成后效果
HTML代码音画中级教程《七》图片羽化效果变换
静的代码
两张图片的代码
<P></P> <CENTER><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300> <IMG style="FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300></CENTER> 三张图片的代码
<P></P> <CENTER><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=250> <IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=250><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=250></CENTER> 四张图片的代码
<P></P> <CENTER><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=200> <IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=200><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=200><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=200></CENTER> 动的代码
三张图片的代码
<P></P> <MARQUEE><BR><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><BR></MARQUEE> <P></P></CENTER></CENTER></CENTER> 六张图片的代码
<P></P> <MARQUEE><BR><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><BR></MARQUEE> <P></P><CENTER></CENTER><CENTER></CENTER><CENTER></CENTER> 中级教程《七》完成后效果
HTML代码音画中级教程《八》将音乐贴变化效果透明化
<P></P> <TABLE style="BACKGROUND-IMAGE: url(背景闪动彩色图片)" borderColor= #cccccc cellSpacing=20 cellPadding=20 width="85%" align=center bgColor=#ffffff border=0> <TBODY> <TR> <TD> <DIV align=center> </DIV></FONT></FONT> <P> </P> <P align=center> </P> <DIV style="FONT-SIZE: 16px"> <TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0> <TBODY> <TR> <TD align=middle> <MARQUEE> <P align=center><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; width=48 eventslistuid="e5" bLoaded="true" fakesize="1"></P></MARQUEE></TD> <TD align=middle> <MARQUEE> <P align=center><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 260px; HEIGHT: 330px" height=48 alt="" src="图片地址" width=48 eventslistuid="e6" bLoaded="true" fakesize="1"></P></MARQUEE></TD> <TD align=middle> <MARQUEE> <P align=center><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 260px; HEIGHT: 330px" height=48 alt="" src="图片地址" width=48 quotetimer="65920738" eventslistuid="e7" bLoaded="true" fakesize="1"></P></MARQUEE></TD> <TD align=middle> <MARQUEE> <P align=center><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 260px; HEIGHT: 330px" height=48 alt="" src="图片地址" width=48 quotetimer="65920738" eventslistuid="e7" bLoaded="true" fakesize="1"></P></MARQUEE></TD> <TD align=middle> <MARQUEE> <P align=center><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 260px; HEIGHT: 330px" height=48 alt="" src="图片地址" width=48 quotetimer="65920738" eventslistuid="e7" bLoaded="true" fakesize="1"></P></MARQUEE></TD> <TD align=middle> <MARQUEE> <P align=center><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 260px; HEIGHT: 330px" height=48 alt="" src="图片地址" width=48 quotetimer="65921169" eventslistuid="e8" bLoaded="true" fakesize= "1"></P></MARQUEE><FONT size=6></FONT></TD></TR></TBODY></TABLE></DIV> <P> </P></TD></TR></TBODY></TABLE></TD></TR></TABLE>
中级教程《八》完成后效果 HTML代码音画中级教程《九》用闪动图片制作精美文字加滚动图片 代码
<P> cellPadding=0 align=center table="table" tbody="tbody"> LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" color=#336699><STRONG><FONT face=宋体_GB2312></FONT></STRONG></FONT> </P> LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" color=#336699><STRONG><FONT face=宋体_GB2312>这里可写字</FONT> </STRONG></FONT></P><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" color=#336699><STRONG> transparent scroll repeat 0% 0%; FILTER: alpha(opacity quotetimer="88459108" eventslistuid="e7" bloaded="true"><BR></MARQUEE> Style=3 FinishOpacity=0)black()" src=这里mp3地址 width=0 height=0 type=video/x-ms-asf allowscriptaccess="never" allownetworking= "internal" invokeurls="false" loop="true" autostart="true" volume="0"> </P></STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY>
中级教程《九》完成后效果 HTML代码音画中级教程《十》在背景里上传透明的羽化图片
代码
<P></P> #cccccc cellSpacing=20 cellPadding=20 width="85%" align=center bgColor=#ffffff border=0> "BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=100,style=2)" alt="" src="图片地址" width=300 quotetimer="88459108" eventslistuid="e7"></P> "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300><IMG style= "FILTER: alpha(opacity=100,style=2)" src="图片地址" width= 300><BR></MARQUEE></TD></TR></TBODY></TABLE> Style=3 FinishOpacity=0)black()" src=这里mp3地址 width=0 height=0 type=video/x-ms-asf allowscriptaccess="never" allownetworking= "internal" invokeurls="false" loop="true" autostart="true" volume="0"></P></TD></TR> 中级教程《十》完成后效果 HTML基础和初级教程 HTML高级教程 |
|
|
