《HTML5+CSS3项目开发案例教程》 项目三 应用和美化图像及多媒体.pptxVIP

应用和美化图像及多媒体项目3

图像具有形象、直观、生动、简洁等特点，在网页中适当位置插

入图像可以为浏览者提供舒适的阅读体验。此外，适当嵌入音频或视频也是增强网页可读性的有效途径。本项目将介绍在HTML5中应用图像、音频、视频等媒体文件，并使用CSS3对它们进行美化的方法。

项冒导读

◆掌握在网页中应用图像、音频、视频的方法。

◆掌握使用CSS3美化图像的方法。

◆掌握使用CSS3设置背景的方法。

◆了解使用CSS3设置渐变的方法。

学习目标

使用CSS3美化图像与背景

内容概览

任务3.2

应用HTML5中的图像及多媒体

·添加图像与图标

·添加流

·嵌入多媒体文件

3.1.1添加图像与图标

1.添加图像

在HTML5中，使用img/标签标记图像，具体格式为：

其中，src属性表示图像的引用地址，一般用相对路径表示；alt属性表示图像的代替文本，当图像元素因文件缺失、路径错误等原因无法显示时，浏览器将在原位置显示代替文本，这一属性在一些特定环境中非常重要。例如，盲人读屏软件会将

imgsrc=urlalt=代替文本I

代替文本朗读出来，帮助盲人识别图像。

提示：在网页中应用图像时，一定要注意图像路径的正确性，并将图像文件拷贝到网页所在的站点文件夹中，一般放在网站根目录文件夹下的images文件夹中。否则可能会导致图像不能正常