用实现多媒体

1. 插入图像

在HTML中，使用img标记可以在网页中加入图像。它具有两个必要的基本属性：src和alt，分别用于设置图像文件的位置和替换文本。

src表示要插入图像的文件名，必须包含绝对路径或相对路径，图像一般是GIF文件（后缀为.gif）或JPEG文件（后缀为.jpg）。alt表示图像的简单文本说明，用于不能显示图像的浏览器或浏览器能显示图像但显示时间过长时先显示。

例如，以下HTML代码说明了如何在网页中插入一个图像，在浏览器中的显示效果如图7.10所示。

〈html〉

〈head〉 〈title〉插入图像示例〈/title〉 〈/head〉

〈body〉

〈p〉我插入的第一幅图像：〈/p〉

〈img src=＂flowers.jpg＂ alt=＂花儿＂〉

〈/body〉

〈/html〉

图7.10 插入图像

2. 设置背景图像

使用body标记的background属性即可设置网页的背景图像，HTML语句为：

〈body background =＂网页背景图案的地址＂〉

使用背景图案时，如果图案小于浏览器窗口的大小，则浏览器会自动像铺地板砖一样平铺背景图案。例如，以下代码显示了设置背景图案的效果，如图7.11所示。

图7.11 设置背景图案

〈html〉

〈head〉〈title〉背景图案示例〈/title〉〈/head〉

〈body background=＂background.jpg＂〉 背景图案示例 〈/body〉

〈/html〉

3. 设置背景音乐

如果在head标记中添加bgsound标记，则可以为网页指定背景音乐。

bgsound标记只有开始标记，没有结束标记。它的基本属性是src，用于指定背景音乐的源文件。另外一个常用属性是loop，用于指定背景音乐重复的次数，如果不指定该属性，则背景音乐无限循环。

例如，以下语句将使网页播放“canyon.mid”作为背景音乐，并且在播放一次后结束：

〈bgsound src=＂canyon.mid＂ loop=＂1＂〉

网页背景音乐的文件格式一般可以是.wav、.mid 或.mp3。大多数情况下，背景音乐采用.mid格式，因为该格式的文件一般较小。

4. 嵌入音频和视频

如果想在网页中嵌入音频或者视频文件，可以使用embed标记。它的基本属性是src，用于指定音频或视频的源文件。另外一个常用属性是 autostart，用于指定嵌入的媒体是否在默认状态下自动播放，取值为false时表示不自动播放，取值为默认值true时自动播放。此外，还可以用width和height属性指定嵌入音视频后播放器的宽度和高度。

例如，以下语句将在网页中插入一个视频，该视频默认时不播放，效果如图7.12所示。

图7.12 嵌入视频

〈embed src=＂benz.avi＂ autostart=＂false＂ width=＂200＂〉〈/embed〉

5. 插入Flash等媒体对象

如果要在网页中插入 Flash 等对象，应该综合使用 object、param 以及 embed 标记。例如，以下代码在网页中插入了一个 Flash 对象，效果如图7.13所示。

〈object classid=＂clsid:D27CDB6E-AE6D-11cf-96B8-444553540000＂

codebase=＂http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9， 0，28，0＂ width=＂550＂ height=＂400＂〉

〈param name=＂movie＂ value=＂flash_1.swf＂/〉

〈param name=＂quality＂ value=＂high＂/〉

图7.13 插入Flash对象

〈embed src=＂flash_1.swf＂ quality=＂high＂

pluginspage=＂http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=Shock waveFlash＂ type=＂application/x-shockwave-flash＂ width=＂550＂ height=＂400＂〉〈/embed〉

〈/object〉

需要说明的是，类似的代码通常由 Dreamweaver 等软件自动生成，不用手工编写。