这篇文章主要介绍了html图片img标签的相关资料,需要的朋友可以参考下
摘要
项目
说明
形式
@@##@@
支持
H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略
开始标签：必须，结束标签：无
说明
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+。指定名字。
【可点击领域相关属性】
属性
意义
ismap
H2+/e2+/N2+。指定图像为服务器端图像映射。
usemap=usemap
H3+/e2+/N2+。指定图像为客户端图像映射。请参考
【视频相关属性】
属性
意义
controls
e2-e3。在视频的下面显示播放控制按钮。在 IE4.0 时被废弃。
dynsrc=url
e2+。指定视频文件（*.avi）。因为已经有了 @@@###@@@ 和 标签，所以此属性基本上没什么人用。
loop=n
e2+。设定播放次数。loop=infinite 的时候无限循环播放。
start=start
e2+。设定为 fileopen 的时候，网页一打开就播放。设定为 mouseover 的时候，鼠标放在视频上面的时候就开始播放。
【数据绑定相关属性】
属性
意义
datafld=datafld
e4+。指定数据绑定时的数据源的列名。
datasrc=datasrc
e4+。指定数据绑定时的数据源的ID。
【一般属性】
属性
意味
class=class
H4+/e3+/N4+。指定类。
id=id
H4+/e3+/N4+。指定ID。
style=style
H4+/e3+/N4+。指定样式。
title=title
H4+/e4+/N6+。指定标题。
dir=dir
H4+/e5+/N6+。指定文字显示的方向。
lang=lang
H4+/e4+/N6+。指定语言种类。
accesskey=key
H5+。指定快捷键。
tabindex=n
H5+。指定TAB键在控件中的移动顺序。
contenteditable=bool
H5+/e55+。使元素可编辑。
contextmenu=id
H5+。指定contextmenu。
draggable=bool
H5+。可拖动。
dropzone=value
H5+。可拖放。
hidden
H5+。隐藏元素。
spellcheck=bool
H5+。检查拼写。
IE扩展属性
可以指定IE扩展属性。
举例
HTML代码
@@##@@
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。
相关推荐：
PHP里面把16进制的图片数据显示在html的img标签上的方法
正则表达式怎么匹配图片地址与img标签
在ie中img标签内存泄漏怎么处理
以上就是HTML中图片标签的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1546225.html
微信扫一扫 
支付宝扫一扫 
