摘要 项目 说明 形式 img src=... 支持 H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ 标签省略 开始标签:必须,结束标签:无 说明 img 是 Image(图像)的缩写。src 属性用来指定图像的路径。 HTML4.01
摘要
项目
|
说明
|
形式
|
<img src="...">
|
支持
|
H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
|
标签省略
|
开始标签:必须,结束标签:无
|
说明
img 是 Image(图像)的缩写。src 属性用来指定图像的路径。
HTML4.01 里为了配合各种无法显示图像的浏览器和有声阅读浏览器,必须设定 <img> 标签里的 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" 可以让图像的左边或右边显示文字。取消此效果用<br clear=all>。
|
border=n
|
H3-H4T/e2+/N2+。指定图像周围的边框线的粗细。当图像被包含在 <a href="...">~</a> 标签里的时候,会自动产生边框线。想取消的话设定 border=0。
|
galleryimg=bool
|
e6+。当鼠标放在 200×200 以上的图像上面的时候,不显示工具条。也可以在 <meta> 里全局指定。
|
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+。指定图像为客户端图像映射。请参考<map>。
|
【视频相关属性】
属性
|
意义
|
controls
|
e2-e3。在视频的下面显示播放控制按钮。在 IE4.0 时被废弃。
|
dynsrc=url
|
e2+。指定视频文件(*.avi)。因为已经有了 <embed> 和 <object> 标签,所以此属性基本上没什么人用。
|
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代码
<img src="image/kanami.jpg" alt="举例图片" width=100 height=100>