天天看点

《HTML5 开发实例大全》——1.23 在网页中显示一幅图片

本节书摘来自异步社区《html5 开发实例大全》一书中的第1章,第1.23节,作者: 张明星 更多章节内容可以访问云栖社区“异步社区”公众号查看。

《HTML5 开发实例大全》——1.23 在网页中显示一幅图片

实例说明

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

在 html 4.01 中,不赞成使用以下布局属性:align, border, hspace、vspace。在 html5 中不支持这些属性。< img >元素的主要属性如表1-11所示。

《HTML5 开发实例大全》——1.23 在网页中显示一幅图片

本实例的功能是,使用< img >元素在网页中显示一幅图片,本实例的图片素材是123.jpg。

具体实现

使用dreamweaver创建一个名为“023.html”的文件,具体代码如下所示:

执行效果如图1-42所示。

《HTML5 开发实例大全》——1.23 在网页中显示一幅图片

继续阅读