HTML中的img标签介绍

来源：爱站网时间：2022-09-16编辑：网友分享

这篇文章主要介绍了HTML中的img标签的详细内容，如果你刚好对这方面比较感兴趣的话，一定不要错过这篇文章，希望爱站技术频道小编整理的内容能帮助到你解决问题。

摘要

说明

img 是 Image（图像）的缩写。src 属性用来指定图像的路径。

HTML4.01 里为了配合各种无法显示图像的浏览器和有声阅读浏览器，必须设定标签里的 alt 属性。HTML5 变成了非必须。

height属性和width属性虽然不是必须的，但如果设定了这两个属性的话，能够使图像打开得更快一些，并且显示图像时可以避免某些显示上的bug。

属性

【重要属性】

属性	意义
src=url	H2+/e2+/N2+。图像的路径。必须属性。
alt=alt	H2+/e2+/N2+。图片的说明。当有些浏览器无法显示图片的时候能在网页上看到这个图片的说明。HTML4.01 里为必须属性。
height=n	H3+/e2+/N2+。设置图片高度。
width=n	H3+/e2+/N2+。设置图片宽度。

【特性】

属性	意义
align=align	H2-H4T/e2+/N2+。指定图像的显示位置。设定 align="right" 和 align="left" 可以让图像的左边或右边显示文字。取消此效果用。
border=n	H3-H4T/e2+/N2+。指定图像周围的边框线的粗细。当图像被包含在～标签里的时候，会自动产生边框线。想取消的话设定 border=0。
galleryimg=bool	e6+。当鼠标放在 200×200 以上的图像上面的时候，不显示工具条。也可以在里全局指定。
hspace=n	H3-H4T/e2+/N2+。设定图像周围横向的空白。
longdesc=url	H4。当图像的说明长度太长，以至于title属性无法显示完全的时候，用此属性指向包含图像说明的文档的 URL。
lowsrc=url	e4+/N2+。如果一张图片很大，那么在浏览器里显示可能需要花费一些时间。在图像还在网络传输中的时候，可以用 lowsrc 属性指定一张缩略图，使它先显示在浏览器上，等原图像传输完毕后会自动替换缩略图。
suppress=suppress	N4+。suppress 是压制的意思。默认值是 false，如果设定为 true 的话，在图像传输中，本该显示在图像位置的小图标会被ToolTip（提示框）代替。
vspace=n	H3-H4T/e2+/N2+。设定图像周围纵向的空白。
name=name	H4/e4+/N3+。指定名字。

【可点击领域相关属性】

【视频相关属性】

属性	意义
controls	e2-e3。在视频的下面显示播放控制按钮。在 IE4.0 时被废弃。
dynsrc=url	e2+。指定视频文件（*.avi）。因为已经有了 <embed> 和 <object> 标签，所以此属性基本上没什么人用。
loop=n	e2+。设定播放次数。loop=infinite 的时候无限循环播放。
start=start	e2+。设定为 fileopen 的时候，网页一打开就播放。设定为 mouseover 的时候，鼠标放在视频上面的时候就开始播放。

【数据绑定相关属性】

【一般属性】

举例

HTML代码

<img src="image/kanami.jpg" alt="举例图片" width=100 height=100>

HTML中的img标签介绍想必朋友们都看明白了吧！在我们爱站技术频道网站，有很多不同类型的技术文章内容，如果你有需要的话可以随时来关注收藏，一定不会让你失望的。