百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML中图片<img>标签
分享文章到:

HTML中图片<img>标签

发布时间:09/01 来源:未知 浏览: 关键词:
这篇文章主要介绍了HTML图片img标签的相关材料,需要的伴侣可以参照 下

摘要

项目

说明

情势

<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 的时候,网页一翻开就播放。设定为 mou搜索引擎优化ver 的时候,鼠标放在视频上面的时候就开端播放。

【数据绑定相关属性】

属性

意义

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>

总结:以上就是本篇文的全部内容,但愿能对大家的学习有所帮忙。

相关引荐:

PHP里面把16进制的图片数据显示在html的img标签上的办法

正则表达式如何匹配图片地址与img标签

在ie中img标签内存走漏如何处置

以上就是HTML中图片<img>标签的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板