[转贴]HTML常用语句汇总

前言:编码过程难免会有错误和疏漏,还请各位高手指正!

第一节:网站链接专用代码

基本代码:

文字链接:

<A href=”链接地址”target=_blank></A>

图片链接:

<A href=”链接地址”target=_blank><IMG src=”图片地址” ></A>

<A></A>是插入地址链接的标签对,单击插入在<A></A>标签对内的文字,图片,就可以链接进入指定的网页或链接地址.
<IMG src=”图片地址“是插入显示链接的图片标签.
href= 是<A>标签的属性,用于实现地址的链接.target=_blank为窗口弹出属性定义,不加此属性则为背负式链接.实例:

1.网站链接用代码:

1.背负式网站文字链接代码:

<A href=”http://q.163.com/163.com/“><B><FONTcolor=#997166>阳光公园</FONT></B></A>

效果:

阳光公园

2.窗口弹出式网站文字链接代码:

<A href=”http://q.163.com/163.com/target=_blank><FONT color=#997166><STRONG>阳光公园</STRONG></FONT></A>               

效果:

阳光公园

3.背负式网站图片链接代码:

<A href=”http://q.163.com/163.com/”&gt;
<IMG style=”WIDTH: 89px; HEIGHT: 72px” height=70 src=”http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg” width=28> </A>
效果:

4.窗口弹出式网站图片链接代码:

<A href=”http://q.163.com/163.com/” target=_blank>
<IMG style=”WIDTH: 89px; HEIGHT: 72px” height=70 src=”http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg
” width=28> </A>
效果:

5.文字加图片窗口弹了式链接代码:

<A href=”http://q.163.com/163.com/&#8221; target=_blank>
点击图片<IMG style=”WIDTH: 89px; HEIGHT: 72px” height=70 src=”http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg&#8221; width=28>欣赏更多</A>

效果:

点击图片欣赏更多

2.论坛中进行网站链接专用代码:

1.图片链接:

[b][url=http://q.163.com/163.com/]点击[img]http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg[/img]欣赏更多[/url][/b]

2.文字链接:

[b]点击[url=http://q.163.com/163.com/]阳光杂志[/url]欣赏更多[/b]

3.字体颜色:

[b][color=”#8000ff”]再换个颜色试试[/color][/b]

4.字号:

[size=4]文字[/size]

 

 

第二节:文字移动专用代码

1.基本语法解释:

1.基本语法[默认向左移动]:

<MARQUEE>要移动的文字</MARQUEE>

效果:

要移动的文字

2.文字移动属性代码:

<MARQUEE style=”WIDTH: 600px; HEIGHT: 200px” scrollAmount=1 direction=up align=”center”>要移动的文字</MARQUEE>

效果:

要移动的文字

3.语法解释:

style= 是<MARQUEE>标签的属性,用于设定滚动框的大小.

WIDTH: 600px 是设定滚动框的宽度, HEIGHT: 280px 是设定滚动框的高度,

; 是二个参数之间的分隔符.

scrollAmount=1 是设定文本滚动的速度,单位是 pixel , 值越大,滚动的速度越快。

scrolldelay=100 是设定移动的时间延迟, 单位是千分之一秒,值越大, 移动的速度越慢.初学时可省略.

behavior= 属性是设定文本滚动的方式。参数 scroll 会向同一方向移动, slide 会有类似滑动的效果, alternate 会往复移动。

direction= 属性是设定文本滚动的方向。参数 up 是向上移动, down 是向下移动, left 是向左移动,right是向右移动,

2.其它方式的文字移动举例说明:

 

[1]文字行走的方向:

<marquee direction=left>文字从右向左移!</marquee>

从右向左移!

<marquee direction=right>文字从左向右移!</marquee>

从左向右移!

<marquee behavior=scroll>文字一圈一圈绕着走!</marquee>

文字一圈一圈绕着走!

<marquee behavior=slide>文字只走一次就歇了!</marquee>

文字只走一次就歇了!

<marquee behavior=alternate>文字来回走!</marquee>

文字来回走!

 

[2]文字行走的次数:

<marquee loop=3 width=50% behavior=scroll>文字只走 3 趟哟!</marquee>

文字只走 3 趟哟!

 

[3]文字行走速度控制:

<marquee scrollamount=20>文字行走得好快!</marquee>

文字行走得好快!

 

[4]文字延时:

<marquee scrolldelay=500 scrollamount=100>文字走一步,停一停!</marquee>

啦啦啦,我走一步,停一停!

 

[5]文字对齐方式:

 

<font size=6>
<marquee align=# width=400>文字移动上中下对齐</marquee>
</font>

对齐上沿:<MARQUEE width=400 align="top">文字对齐上沿</MARQUEE>

文字对齐上沿

文字对齐中间:<MARQUEE width=400 align=”middle”>文字对齐中间</MARQUEE>

文字对齐中间

对齐下沿: <MARQUEE width=400 align=”bottom “>文字对齐中间</MARQUEE>

文字对齐下沿

[6]文字的底色设置:

<marquee bgcolor=ff0000>文字在色彩中移动!</marquee>

文字在色彩中移动!

底色面积设置:

<marquee height=40 width=50% bgcolor=aaeeaa>
文字底色的面积
</marquee>

文字底色的面积

第三节:多行文字移动代码

1.多行文字移动代码:

<MARQUEE style=”WIDTH: 380px; HEIGHT: 120px” scrollAmount=2 direction=up align=”center”>
<P align=center><FONT color=#3af93a size=5>李白诗一首<BR><BR><BR>床前明月光,<BR><BR>疑是地上霜.<BR><BR><BR><P align=center><BR><BR><BR>举头望明月,<BR><BR>低头思故乡.<BR><BR></FONT></P></MARQUEE>
效果:

诗朗诵

床前明月光,
疑是地上霜.
举头望明月,
低头思故乡.

2.语法解释:

<B></B>为粗体代码.

<P align=center>文字居中设置 .
文字居左align=left
文字居中 align=center
文字居右 align=right
</P>本段落结束。

<BR>为强制换行.在 <P></P>之间插入一个<BR>,相当于插入半个空行。

color=#3af93a文字色号.

size=5为字体大小.

<MARQUEE style=”WIDTH: 380px; HEIGHT: 120px” scrollAmount=2 direction=up align=”center”>

设定文本滚动区。WIDTH: 380px 是滚动区的宽度。HEIGHT: 120px” 是滚动区的高度。
scrollAmount=2 是设定文本滚动的速度,值越大,滚动的越快。
direction=up 设定文本滚动的方向。up 是向上滚动。
align=”center” 是居中显示。
</MARQUEE>是设定的文本滚动区结束。

第四节:文字的特殊移动

1.舞动的文字代码:
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=70>
<MARQUEE scrollAmount=2 behavior=alternate width=622>舞动的文字代码</MARQUEE>
</MARQUEE>

效果:

舞动的文字代码

2.文字下,上,下移动代码:

<MARQUEE scrollAmount=1 direction=down behavior=alternate width=622 height=470>
<STRONG><FONT color=#ff00ff size=4>下上下文字代码</FONT></STRONG></MARQUEE>

效果:

下上下文字代码

3.上下上文字代码:

<MARQUEE scrollAmount=1 direction=up behavior=alternate width=622 height=170>
<STRONG><FONT color=#ff00ff size=4>上下上文字代码</FONT></STRONG></MARQUEE>

效果:

上下上文字代码

第五节:插入背景及插入背景文字

1.基本代码:

<TABLE style=”WIDTH: 200px; HEIGHT:220px” align=center cellSpacing=30 background=http://blog.163.com/photo/gA3wKPwCIlKITty3BmJadA==/5143673724410573123.jpg>
<TBODY>
<TR>
<TD>
<P>
<FONT color=#3af93a size=5>要插入的文字:<BR><BR><A href=”http://q.163.com/163.com/&#8221;target=_blank><FONT color=#997166>点击进入阳光公园</FONT></A><BR><BR>插入文字结束  

</FONT>
</P>
</TD>
</TR>
</TBODY>
</TABLE>

效果:

要插入的文字:

点击进入阳光公园

插入文字结束处

说明:<TABLE></TABLE>标签对,是定义表格,插入背景图的语句。
<TABLE style=”WIDTH: 600px; HEIGHT:520px” align=center cellSpacing=30 background=http://bbs.muwen.com/fileuploaddir/4B26185301.5.gif>
此行代码是背景(表格)设定,<TABLE>(定义开始)要放在全文的最前面,
</TABLE>(定义结束)要放在全文的最后面,才能使整个帖子成为一体。
style= 是 <TABLE> 标签的属性设定。
“WIDTH: 600px; HEIGHT:520px”是设定的背景(表格)的宽度和高度。
; 是两个参数之间的分隔符。
在一个语句中,每两个参数之间,要用英文的一个空格作为分隔符。
align=center 是设定属性参数,背景(表格)居中排列。
cellSpacing=30 属性参数是设定内框线宽度,单位是 px(pixel)。
background= 属性参数是设定插入背景图片的地址。
http://bbs.muwen.com/fileuploaddir/4B26164934.3.gif 是一张背景图片的网上地址。
<TBODY> 定义表格</TBODY>定义表格结束。
<TR> 定义列 </TR> 定义列结束。
<TD> 定义行 </TD> 定义行结束。
<P align=center> 段落(换行),可包括3种选项:
<P>默认居左或 <P align=left>
居中 <P align=center>
居右 <P align=right>
</P>本段落结束。
<FONT color=#3af93a size=5>
<FONT></FONT>是设定字体,字色和字号的标签对。
color= 属性参数是设定字色。
字色的值是在#000000至#ffffff(16进位)之间。
前两位代表红色,中间两位代表绿色,后两位代表蓝色。可按自已的喜好组合。
size= 属性参数是设定字号。

<BR>是强制换行,无格式要求。
在 <P></P>之间插入一个<BR>,相当于插入半个空行。
2.背景文字移动代码:

将第三节.1中的代码原封不动放到背景的文字部分,代码:
<TABLE style=”WIDTH: 200px; HEIGHT:220px” align=center cellSpacing=30 background=http://blog.163.com/photo/gA3wKPwCIlKITty3BmJadA==/5143673724410573123.jpg>
<TBODY>
<TR>
<TD>

<MARQUEE style=”WIDTH: 200px; HEIGHT: 120px” scrollAmount=2 direction=up align=”center”>
<P align=center><FONT color=#3af93a size=5>李白诗一首<BR><BR><BR>床前明月光,<BR><BR>疑 是地上霜.<BR><BR><BR><P align=center><BR><BR><BR>举头望明月,<BR><BR> 低头思故乡.<BR><BR></FONT></P></MARQUEE>

</TD>
</TR>
</TBODY>
</TABLE>

效果:

李白诗一首

床前明月光,

疑是地上霜.

举头望明月,

低头思故乡.

第六节:图片移动代码

1.图片基本代码:

<IMG height=400 src=”图片地址” width=500>

图片设定的属性: height=400 是设定图片的高度,width=500 是设定图片的宽度.
下面给出一个完整代码:

<IMG height=400 src=”http://blog.163.com/photo/uioqMxK-gEG-JMTG1nSGmg==/3112831767443229649.jpg&#8221; width=500>

效果:

2.图片的移动:

图片的移动可参照文字移动代码,在此只把第四节中的文字上下上代码中的文字换成图片代码,并加入圈子阳光公园的链接,其它方式不再赘述:

<MARQUEE scrollAmount=1 direction=up behavior=alternate width=622 height=170>
<A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG width=310 height=118 src=”http://image.bulo.163.com/groupfile/906/-0-Auphoto“>进入我的圈子 </A>
</MARQUEE>

效果:

点击图片进入我的圈子

3.多张图片的移动:

在此只举自右向左移动一例,其它参照多行文字的移动代码即可.

[1]图片左右排列自左向右移动:

<MARQUEE style=”WIDTH: 673px; HEIGHT: 126px”><A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG height=118 src=”http://image.bulo.163.com/groupfile/906/-0-Auphoto” width=310>进入我的圈子 </A>&nbsp;&nbsp; &nbsp; <A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG height=118 src=”http://blog.163.com/photo/ORAMO0qbHX8rXGf88hEXmQ==/920986123797271650.jpg” width=310>进入我的圈子 </A>&nbsp;&nbsp; &nbsp; <A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG height=118 src=”http://blog.163.com/photo/ikyyGghfoxr7VPe58IGD6Q==/3174474787342787290.jpg” width=310>进入我的圈子 </A></MARQUEE>

图片与图片之之间用空格代码&nbsp;分隔开来.

效果:

点击图片进入我的圈子     点击图片进入我的圈子     点击图片进入我的圈子

[2]图片上下排列自上而下移动的代码:

<MARQUEE style=”WIDTH: 673px; HEIGHT: 126px” direction=down><P align=center><A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG height=118 src=”http://image.bulo.163.com/groupfile/906/-0-Auphoto” width=310>进入我的圈子 </A> <BR><BR> <A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG height=118 src=”http://blog.163.com/photo/ORAMO0qbHX8rXGf88hEXmQ==/920986123797271650.jpg” width=310>进入我的圈子 </A> <BR><BR><A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG height=118 src=”http://blog.163.com/photo/ikyyGghfoxr7VPe58IGD6Q==/3174474787342787290.jpg” width=310>进入我的圈子 </A></P></MARQUEE>

效果:

 

点击图片进入我的圈子

点击图片进入我的圈子

点击图片进入我的圈子

4.背景图片的特效处理:

[1]圆形朦胧代码:

<TABLE style=”FILTER: Alpha(opacity=100,style=2)” height=202 cellSpacing=0 cellPadding=0 width=410 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
<TBODY>
<TR>
<TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href=”http://q.163.com/163.com/”><B><FONTcolor=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

效果:

              阳光公园

[2]方形朦胧代码:

<TABLE style=”FILTER: Alpha(opacity=100,style=3)” height=312 width=410 cellSpacing=0 cellPadding=0 width=”100%” align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
<TBODY>
<TR>
<TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href=”http://q.163.com/163.com/”><B><FONTcolor=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

效果:

       阳光公园

[3]过滤镜代码

<TABLE style=”FILTER: blur(strength=100)” width=410 height=212 cellSpacing=0 cellPadding=0 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg  border=0>
<TBODY>
<TR>
<TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href=”http://q.163.com/163.com/”><B><FONTcolor=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

效果:

            阳光公园

[4]黑白过滤代码:

<TABLE style=”filter:gray” width=410 height=212 cellSpacing=0 cellPadding=0 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
<TBODY>
<TR>
<TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href=”http://q.163.com/163.com/”><B><FONTcolor=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

效果:

         阳光公园

[5]加色过滤代码:

<TABLE style=”filter:invert” width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
<TBODY>
<TR>
<TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href=”http://q.163.com/163.com/”><B><FONTcolor=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

效果:

              阳光公园

[6]白色过滤代码:

<TABLE style=”FILTER: xray” height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
<TBODY>
<TR>
<TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href=”http://q.163.com/163.com/”><B><FONTcolor=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

效果:

       阳光公园

[7]走形代码:

<TABLE style=”filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)” width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
<TBODY>
<TR>
<TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href=”http://q.163.com/163.com/”><B><FONTcolor=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

效果:

   阳光公园

[8]倒影代码:

<P align=center>
<TABLE style=”FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px”><IMG src=”http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg”><TBODY&gt;
<TR>
<TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href=”http://q.163.com/163.com/”><B><FONTcolor=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>
<TABLE  style=”FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px”><IMG src=”http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg”&gt; <TBODY>
<TR>
<TD>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href=”http://q.163.com/163.com/”><B><FONTcolor=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

效果:

 阳光公园

 阳光公园

不做背景图片时,可使用下列代码:

<P align=center>

<IMG height=220 src=”http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg&#8221; width=400><BR><IMG style=”FILTER: wave
(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()” height=220 src=”http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg&#8221; width=400> </P>

效果:


[9]以上各代码在不做背景图片的情况下可以采用<IMG代码形式,下面的代码就是从[7]演化而来,其它各代码可同理演化:

<P align=center>

<IMG style=”filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)” width=410 height=312 cellSpacing=0 cellPadding=0 align=center src=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>

效果:

6.背景插入图片代码:

代码示例1:

<TABLE style=”WIDTH: 685px; HEIGHT: 401px” cellSpacing=10 align=center background=http://blog.163.com/photo/gA3wKPwCIlKITty3BmJadA==/5143673724410573123.jpg>
<TBODY>
<TR>
<TD><MARQUEE style=”WIDTH: 673px; HEIGHT: 326px” direction=down><P align=center><A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG height=118 src=”http://image.bulo.163.com/groupfile/906/-0-Auphoto” width=310>进入我的圈子 </A> <BR><BR> <A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG height=118 src=”http://blog.163.com/photo/ORAMO0qbHX8rXGf88hEXmQ==/920986123797271650.jpg” width=310>进入我的圈子 </A> <BR><BR><A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG height=118 src=”http://blog.163.com/photo/ikyyGghfoxr7VPe58IGD6Q==/3174474787342787290.jpg” width=310>进入我的圈子 </A></P></MARQUEE>
</TD></TR></TBODY></TABLE>

效果:

点击图片进入我的圈子

点击图片进入我的圈子

点击图片进入我的圈子

代码示例2:

<TABLE style=”WIDTH: 685px; HEIGHT: 401px” cellSpacing=10 align=center background=http://blog.163.com/photo/gA3wKPwCIlKITty3BmJadA==/5143673724410573123.jpg>
<TBODY>
<TR>
<TD>
<MARQUEE style=”WIDTH: 618px; HEIGHT: 344px” scrollAmount=1 direction=up behavior=alternate>
<P align=center><A href=”http://q.163.com/163.com/” target=_blank>点击图片 <IMG style=”WIDTH: 318px; HEIGHT: 99px” src=”http://image.bulo.163.com/groupfile/906/-0-Auphoto” width=310>进入我的圈子 </A></P></MARQUEE></TD></TR></TBODY></TABLE>

效果:

点击图片进入我的圈子

第七节:影音播放器代码

基本代码:

http://www.wenyi.com/art/MUSIC/MUSIC/gongxian/eqyy.mp3

 

语法解释:

<EMBED src=音乐网址。
插入音乐的播放器,音乐可用你喜欢的歌曲网址替换。
width=280 height=40 是设定播放器的宽度和高度。
将播放器的宽度和高度值均设定为 0 ,即:width=0 height=0 便把播放器隐藏了,在帖子中就看不到播放器了。
type=audio/mpeg 是设定音乐为 mp3 格式。
type=audio/x-ms-wma 是设定音乐为 wma 格式。
现在只支持这两种格式,要根据你使用的音乐格式正确设定。
loop=”true” 是设定音乐循环播放,可填入数字设定播放次数.autostart=”-1″ 是设定音乐播放器自动播放,autostart=”0″ 是不自动播放。
loop=”-1″ 是设定音乐循环播放,可填入数字设定播放次数。
</EMBED> 是音乐设定结束。

1.MP3播放器代码:

[1]红色播放器代码:

<TABLE style=”FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; FONT-STYLE. normal; FONT-FAMILY: Tahoma, Verdana; FONT-VARIANT: normal” cellSpacing=0 cellPadding=0 width=140 border=0>
<TBODY>
<TR>
<TD style=”BACKGROUND-COLOR: red”>http://span</TD></TR></TBODY></TABLE>

效果:

[2]黑色播放器代码:

http://span

效果:

[3]乳白色MP3播放器代码:

http://www2.ccmove.com/download_010/378/1891426/%C4%F1%C3%F9%A3%A8%D4%C3%B6%F9%B6%AF%CC%FD%A3%A9.mp3

效果:

[4]透明播放器代码:

<TABLE style=”FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px”>
<TBODY>
<TR>
<TD>http://span</TD></TR></TBODY></TABLE>

效果

第八节节:FLASH代码

1.基本代码:

http://FLASH地址

2.FLASH的叠加代码:

<CENTER><TABLE style=”WIDTH: 280px; HEIGHT: 222px” cellSpacing=8 cellPadding=1 width=280 align=center background=http://www.cn898.net/bg/x/1/back_78.gif border=1 table>
<TBODY>
<TR>
<TD>http://www.5blogs.com/rss/3_.swfhttp://imgfree.21cn.com/free/flash/162.swf</TD></TR></TBODY></TABLE></CENTER>

效果:

Advertisements