HTML中图片<img>标签是什么

本篇文章给大家分享的是有关HTML中图片<img>标签是什么,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创新互联成立于2013年,是专业互联网技术服务公司,拥有项目网站制作、成都网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元靖江做网站,已为上家服务,为靖江各地企业和个人服务,联系电话:18982081108

这篇文章主要介绍了HTML图片img标签的相关资料,需要的朋友可以参考下

摘要

项目

说明

形式

<img src="...">

支持

H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch2+ / 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>

HTML中图片<img>标签是什么

以上就是HTML中图片<img>标签是什么,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。

网站题目:HTML中图片<img>标签是什么
本文地址:https://www.cdcxhl.com/article22/gdjdjc.html

成都网站建设公司_创新互联,为您提供自适应网站建站公司网站设计公司企业网站制作全网营销推广定制网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

外贸网站制作