本节书摘来自异步社区《html5 开发实例大全》一书中的第1章,第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所示。
本实例的功能是,使用< img >元素在网页中显示一幅图片,本实例的图片素材是123.jpg。
具体实现
使用dreamweaver创建一个名为“023.html”的文件,具体代码如下所示:
执行效果如图1-42所示。