【HTML学习】多媒体的嵌入

HTML网页开发，如果只是文字的堆叠，那么就会略显无聊。若是引入多媒体，网页才会多姿多彩。因此有必要了解多媒体的嵌入方式。

多媒体，一般指的是图片、音频和视频等资源。

图片

嵌入图片最基本的方式就是<img>。如下所示：

<img src="images/showimage.jpg" alt="这是一张用于显示的图片" />

src属性代表图片在站点的相对路径，也可以使用绝对路径，但不安全，有版权风险。

alt属性代表因为一些原因（比如相对路径不对）找不到图片，而使用默认文字替代。图片正常显示，是不会显示这段文字的。比如我故意写错路径，打开网页会显示：

大家可以试试，新建一个扩展名为.html的文件，将上述HTML代码粘贴进去，双击用默认浏览器打开（将src中的路径替换为本地随便一张图片的路径）。显示如下：

<img>标签的属性还有几个常用的，显示如下：

width/height