3.12  使用图片标记元素

在HTML 5页面中，除了显示文档或字符外，还经常需要放入一些其他元素，例如图片<img>、页面<iframe>和多媒体<object>等。这些元素对于整个DOM文档来说，属于嵌入内容。其中<img>元素的功能是在页面中导入一幅图像，它是页面开发中使用较为频繁的一个元素。在HTML 5中，该元素的“border”、“align”、“hspace”、“vspace”属性不再被支持，这些功能需要通过CSS样式来实现。

在HTML 4.01中，不赞成使用以下布局属性：“align”、“border”、“hspace”和“vspace”。在HTML5中不支持这些属性。<img>元素的主要属性如表3-6所示。

表3-6 <img>元素的属性

下面通过一个具体实例讲解在网页中显示一幅图片的方法。

本实例的功能是，使用<img>元素在网页中显示一幅图片，本实例的图片素材是“eg_tulip.jpg”。实例文件14.html的代码如下。

执行效果如图3-23所示。

图3-23 执行效果