分享

起步学代码|音乐茶馆(6)

 智慧之源525 2013-07-06
音画教程(3)--HTML基本知识(2)

图形与文字的对齐排列:

  由IMG中的ALIGN属性来设置图文的对齐方式,有以下几种:

ALIGN=top〈IMG SRC="star.gif" ALIGN=top>美丽的心灵  美丽的心灵
ALIGN=middle〈IMG SRC="star.gif" ALIGN=middle>美丽的心灵  美丽的心灵
ALIGN=buttom〈IMG SRC="star.gif" ALIGN=buttom>美丽的心灵  美丽的心灵
ALIGN=texttop〈IMG SRC="star.gif" ALIGN=textop>美丽的心灵  美丽的心灵
ALIGN=baseline〈IMG SRC="star.gif" ALIGN=baeline>美丽的心灵  美丽的心灵
ALIGN=left〈IMG SRC="star.gif" ALIGN=left>美丽的心
灵,有着数不清的爱心,象天空里的星星,明
亮晶莹。
美丽的心灵,
有着数不清的
爱心,象天空
里的星星,明
亮晶莹。
ALIGN=right〈IMG SRC="star.gif" ALIGN=right>美丽的心
灵,有着数不清的爱心,象天空里的星星,明
亮晶莹。
美丽的心灵,
有着数不清的
爱心,象天空
里的星星,明
亮晶莹。




图文之间的距离设置:


  在HTML文件里图形水平位置的配置,可由HSPACE属性来完成,其垂直位置的配置,由VSPACE来完成。

美丽的心灵
美丽的心灵
美丽的心灵






播放音乐



HTML除了可以插入图形之外,还可以播放音乐和视频等。用浏览器可以播放的音乐格式有:MIDI音乐、WAV音乐、AU格式。另外在利用网络下载的各种音乐格式中,MP3是压缩率最高,音质最好的文件格式。






点播音乐


  将音乐做成一个链接,只需用鼠标在上面单击,就可以听到动人的音乐了,这样做的方法很简单:


   <A HREF="音乐地址">乐曲名</A>


例如:播放一段MIDI音乐:


   <A HREF="midi.mid">MIDI音乐</A>  MIDI音乐


   播放一段AU格式音乐:


   <A HREF="you.au">同桌的你-AU音乐</A>    同桌的你-AU音乐


  把我们喜欢的音乐收集起来,作成一个音乐库,随时都可以让自己和别人徜徉在音乐的海洋中,已经有人这样做了,你一定已经遇到很多,而且自己也可以试着去做了!





自动载入音乐


  前面,我们是借助链接来实现网上播放音乐这一功能的,我们还可以让音乐自动载入,你可以让它出现控制面板或当背景音乐来使用。基本语法:

    <EMBED SRC="音乐文件地址">

属性有:

SRC="FILENAME"设定音乐文件的路径
AUTOSTART=TRUE/FALSE是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE
LOOP=TRUE/FALSE设定播放重复次数,LOOP=6表示重复6次,TRUE表示无限次播放,FALSE播放一次即停止。
STARTIME="分:秒"设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20
VOLUME=0-100设定音量的大小。如果没设定的话,就用系统的音量。
WIDTH HEIGHT设定控制面板的大小
HIDDEN=TRUE隐藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE设定控制面板的样子

例:
*************************************


<html>
<head>
<title>播放音乐</title>
</head>


<body>
  <EMBED SRC="midi.mid" autostart=true hidden=true loop=true>


  作为背景音乐来播放。
</body>
</html>



 


例:
*************************************


<html>
<head>
<title>播放音乐</title>
</head>


<body>
  <EMBED SRC="midi.mid" loop=true width=145 height=60>


<P>  出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。</P>
</body>
</html>



 







IE中的背景音乐


  另外,还有一种插入背景音乐格式,不过只有在IE浏览器中才可以听到。


  <bgsound src="音乐文件地址" loop=#>


   #=循环数


例:
      <bgsound src="sound.wav" loop=3>




    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多