站长之站 站长之站QQ群:16356000 100345456 16263640 130690866
还没有任何记录...
当前位置:站长之站 > 网页设计 > 正文 > HTML教程 第六章 多媒体效果

HTML教程 第六章 多媒体效果

来源:网络作者:网络日期:2012/2/12 0:52:00收藏
本文链接:HTML教程 第六章 多媒体效果http://www.cncncc.com/ArtSJ/Show.Asp?id=4226

插入图形

  超文本之所以在很短的时间内如此广泛的受到人们的青睐,很重要的一个原因时它能支持多媒体的特性,如图象、声音、动画等。这一部分,我们先来学习在一个页面中如何插入图象。


基本格式

  超文本支持的图象格式一般有X Bitmap(XBM)、GIF、JPEG三种,所以我们对图片处理后要保存为这三种格式中的任何一种,这样才可以在浏览器中看到。
  插入图象的标签是<IMG>,其格式为:

     <IMG SRC="图形文件地址">

  SRC属性指明了所要链接的图象文件地址,这个图形文件可以是本地机器上的图形,也可以是位于远端主机上的图形。地址的表示方法可以沿用上一篇内容“文件的链接”中URL地址表示方法。

  例: <IMG SRC="images/ball.gif">

  IMG还有两个属性是HEIGHT和WIDTH,分别表示图形的高和宽。通过这两个属性,可以改变图形的大小,如果没有设置,图形按原大显示:

  例:

<IMG SRC="flowers0.jpg">   <IMG SRC="flowers0.jpg" width="200" heigth="100">



图形与文字的对齐排列:

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

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




图文之间的距离设置:

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

<IMA SRC="love.gif" > 美丽的心灵
<IMA SRC="love.gif" HSPACE=30> 美丽的心灵
<IMA SRC="love.gif" VSPACE=30> 美丽的心灵




图形按钮:

  图形按钮就是使用者通过在图形上单击,就能连接到某个地址上去。很简单,我们只要调用一下前面的知识就可以完成了。其基本格式如下:

  <A HREF="资源地址"><IMG SRC="图形文件地址"></A>

例:

  <A HREF="index.htm"><IMA SRC="html.gif"></A>



播放音乐

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


点播音乐

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

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

例如:播放一段MIDI音乐:

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

   播放一段AU格式音乐:

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

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


自动载入音乐

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

    <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>



播放视频

  用浏览器可以播放的格式有:MOV格式、AVI格式。


链接一个视频文件

  将视频文件做成一个链接的方法:

   <A HREF=" 视频地址">视频名称</A>

例如:播放一段视频:

   <A HREF="welcome.avi">WINDOWS95</A>  WINDOWS95


自动载入视频

  与音乐的播放一样,我们可以使用EMBED标签播放视频,

    <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 设定控制面板的大小

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

<html>
<head>
<title>播放视频</title>
</head>

<body>
<B><font size=4>播放视频WINDOWS95</font></B>
<P>
  <EMBED SRC="welcome.avi" autostart=false loop=false width=350 height=250>
</P>
</body>
</html>


作者:站长之站 收集整理,任何媒体转发须保留作者个人微信和来源,不尊重作者劳动的行为将受到举报。
本文链接:HTML教程 第六章 多媒体效果http://www.cncncc.com/ArtSJ/Show.Asp?id=4226

【HTML教程 第六章 多媒体效果】由站长之站收集整理,您可以自由传播,请主动带上本文链接

觉得有用就多来支持一下,没有能帮到您,站长之站也只能表示遗憾,希望有一天能帮到您。

(责任编辑:站长之站)

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
站长之站 · CNCMS
站长之站 测试频道
业界动态
业界动态 门户网站 聚焦人物 电子商务 站长新闻 观察评论
编程开发
ASP教程 .NET教程 JSP教程 PHP教程 Xml/Xslt Shtml教程 CGI专区 JavaScrip 其他编程
服务器类
Web服务器 Ftp服务器 Mail服务器 Dns服务器 Linux服务器 Win服务器 安全防护 服务器其他
建站指南
主机域名 建站入门 建站经验 网站推广 网站优化 网站策划 网络赚钱 网络创业 SEO 专区
网页设计
Html教程 设计心得 动态网页 JS/Ajax Div/Css CSS教程 设计其它
软件教程
Photoshop Fireworks FLASH Dreamweaver Frontpage 其他教程
数据库类
MSAccess MS_SQL My_SQL VFP PowerBuilder Oracle 其它数据
全站导航
业界动态编程开发服务器类建站指南网页设计软件教程数据库类
关于我们/版权
版权所有:
Copyright © 2008 - 2019 站长之站 www.cncncc.com
PowerBy:CNCMS(5.1.20)

苏ICP备16002106号-1