HTML图片img标签_动力节点Java学院整理

HTML图片img标签_动力节点Java学院整理

摘要

项目 说明 形式 <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>