首页 > 网页制作 > HTML/Xhtml教程 > 正文

HTML图片img标签_动力节点Java学院整理_HTML/Xhtml_网页制作

2018-10-13 20:19:29

摘要

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

  • 相关标签:HTML/Xhtml教程
  • 本文发布HTML5中文学习网 ,转载请注明出处,感谢您!
  • 相关文章


  • Asp.net Core与类库读取配置文件信息的方法_实用技巧
  • asp.net在Repeater嵌套的Repeater中使用复选框详解_实用技巧
  • 利用IIS调试ASP.NET网站程序的完整步骤_实用技巧
  • Asp.Net Core轻松学习系列之配置文件_实用技巧
  • ASP.NET 页生命周期概述(小结)_实用技巧
  • 详解ASP.NET Core WebApi 返回统一格式参数_实用技巧
  • 2018年网络流行语有哪些?2018年十大网络流行语盘点
  • 华为首席财务官孟晚舟被暂扣 深圳市政府要求加方立即放人!
  • 微信支付勒索病毒制造者被锁定 网友:史上最蠢的黑客!
  • 英国电信宣布从核心设备中删除华为产品 5G不采用
  • 独孤九贱(4)_PHP视频教程

    江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。 PHP中文网出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...

    独孤九贱(5)_ThinkPHP5视频教程

    ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...

    独孤九贱(1)_HTML5视频教程

    《php.cn原创html5视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。 ...

    ThinkPHP5实战之[教学管理系统]

    本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

    PHP入门视频教程之一周学会PHP

    所有计算机语言的学习都要从基础开始,《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...

    作者信息

    kevin

    永远在学习的路上!

    相关教程

  • javascript初级视频教程 javascript初级视频教程
  • jquery 基础视频教程 jquery 基础视频教程
  • javascript三级联动视频教程 javascript三级联动视频教程
  • 独孤九贱(3)_JavaScript视频教程 独孤九贱(3)_JavaScript视频教程
  • 独孤九贱(6)_jQuery视频教程 独孤九贱(6)_jQuery视频教程
  • 热门教程