html如何设置图片

这篇文章主要介绍了html如何设置图片，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

html设置图片的方法：首先创建一个HTML示例文件；然后通过“<img class="lazy" data-src="/i/eg_tulip.jpg"  alt="" />”方法在html页面中插入一幅图片即可。

html设置图片实例

在下面的例子中，我们在页面中插入一幅 W3School 的工程师在上海鲜花港拍摄的郁金香照片：

<img class="lazy" data-src="/i/eg_tulip.jpg"  alt="上海鲜花港 - 郁金香" />

以上代码的效果：

iHTML <img> 标签介绍

img 元素向网页中嵌入一幅图像。

请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

<img> 标签有两个必需的属性：class="lazy" data-src 属性 和 alt 属性。

HTML 与 XHTML 之间的差异

在 HTML 中，<img> 标签没有结束标签。

在 XHTML 中，<img> 标签必须被正确地关闭。

在 HTML 4.01 中，不推荐使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。

在 XHTML 1.0 Strict DTD 中，不支持 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。

感谢你能够认真阅读完这篇文章，希望小编分享的“html如何设置图片”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网行业资讯频道，更多相关知识等着你来学习!