html图片和多媒体.ppt

19.4 添加背景音乐——bgsound 接上页 19.4 添加背景音乐——bgsound 网页效果 19.4 添加背景音乐——bgsound 效果说明 图19-28为插入背景音乐的网页，只要一打开网页，背景音乐“明月几时有.mp3”就会开始播放，但是播放5次后自动停止，因为设置的循环次数为5。 总结 图片和多媒体的熟练使用 图片标签属性的使用 作业——综合设置图片和多媒体 效果说明 图19-29的效果图中综合应用到了图片插入标记img和图片的对齐属性align，以及多媒体中插入背景音乐标记bgsound，还有滚动文字插入标记marquee和多个滚动文字的属性，如滚动文字的背景颜色、滚动范围、滚动方向及滚动延迟等。这些标记和属性都是以后要经常用到的，特别是向上滚动的文字会经常用到滚动栏目中。 效果图——综合设置图片和多媒体 网页效果 代码——综合设置图片和多媒体 实例代码 代码——综合设置图片和多媒体 接上页 19.1.6 设置图片对齐方式——align 基本语法 img src=”图片地址” align=”关键字” 19.1.6 设置图片对齐方式——align 语法说明 19.1.6 设置图片对齐方式——align 实例代码 19.1.6 设置图片对齐方式——align 接上页 19.1.6 设置图片对齐方式——align 网页效果 19.1.7 设置图片的间距——hspace/vspace 基本语法 img src=”图片地址” hspace=”水平间距” img src=”图片地址” vspace=”垂直间距” 19.1.7 设置图片的间距——hspace/vspace 语法说明 ? hspace调整的是图片左右两边的空白距离，vspace调整的是图片上下两边的空白距离。 ? 水平间距和垂直间距都是用数字表示的，并且单位都是像素。 19.1.7 设置图片的间距——hspace/vspace 实例代码 19.1.7 设置图片的间距——hspace/vspace 网页效果 19.1.7 设置图片的间距——hspace/vspace 实例代码 19.1.7 设置图片的间距——hspace/vspace 接上页 19.1.7 设置图片的间距——hspace/vspace 网页效果 19.1.7 设置图片的间距——hspace/vspace 效果说明 从图19-8的效果中可以看到图片的上下都存在一个空白距离，这个距离是由vspace值决定的，vspace的值越大，这个空白距离越大。如果不设置hspace和vspace两个属性的值，浏览器将显示图片和文字靠近的效果。 19.1.8 设置图片链接——a 基本语法 a href=”URL” target=”目标窗口的打开方式”img src=”图片地址”/a 19.1.8 设置图片链接——a 语法说明 ? href属性是用来设置图片的链接地址URL，target属性用来设置目标窗口的打开方式，包含有4个属性值，具体内容可参照第6章。 ? img标记中还可以添加其他的属性，如height、hspace、border等。 19.1.8 设置图片链接——a 实例代码 19.1.8 设置图片链接——a 网页效果 19.1.8 设置图片链接——a 效果说明 通过单击图19-9中的图片链接，就可以打开图19-10来查看第二张图片。提示文字在图中没有显示出来，因为它只有在图片不能显示时才会起作用。同时，还发现在图19-9中的图片有一个边框，这是因为给图片建立链接以后，浏览器自动就要给图片加一个边框，很像给文字建立链接时自动加的下划线。 19.3 插入多媒体文件——embed 基本语法 embed src=”多媒体文件地址” width=文件宽度 height=文件高度 autostart=true|false loop=”true|false”/embed 19.3 插入多媒体文件——embed 语法说明 ? src属性用来指定插入的多媒体文件地址或多媒体文件名，同时文件一定要加上后缀名。 ? width属性用来设置多媒体文件的宽度，height属性用来设置多媒体文件的高度，都是用数字表示，单位为像素。 ? autostart属性用来设置多媒体文件的自动播放，有两个取值true和false，true表示在打开网页时自动播放多媒体文件；true是默认值，表示打开网页时自动播放。 ? loop属性用来设置多媒体文件的循环播放，只有两个取值true和false，、true表示多媒体文件将无限循环播放；false表示多媒体文件只播放一次，false为默认值。 19.3 插入多媒体文件——embed 19.3.1 插入fla