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代码
栏 目:HTML/Xhtml
本文地址:https://www.fushidao.cc/wangyezhizuo/214.html
您可能感兴趣的文章
- 08-17德化县html网页制作,如何打造专业高效的本地企业展示平台?
- 07-12如何一步步轻松制作出令人称赞的简单HTML网页?零基础HTML网页制作教程
- 07-12html网页制作具体负责哪些工作?网页制作工作内容
- 07-12html网页制作圣诞树教程详细,如何实现炫酷圣诞树网页效果?css圣诞树怎么做
- 07-12网页制作这些作品源代码从何而来?揭秘网页设计奥秘,网页源代码从哪来
- 07-12html网页制作有哪些主流工具和软件推荐使用?html网页制作工具
- 07-12如何高效运用HTML技巧制作出精美实用的网页表格?HTML表格制作技巧
- 07-12大一HTML网页制作模板有哪些?适合初学者的推荐清单?,html网页制作入门模板下载
- 07-12HTML网页设计与制作作业如何高效完成并提升网页设计技能?,html作业怎么做,网页设计教程
- 07-12html中文咖啡网页模板适合初学者吗?如何优化页面设计
阅读排行
- 1德化县html网页制作,如何打造专业高效的本地企业展示平台?
- 2如何一步步轻松制作出令人称赞的简单HTML网页?零基础HTML网页制作教程
- 3html网页制作具体负责哪些工作?网页制作工作内容
- 4html网页制作圣诞树教程详细,如何实现炫酷圣诞树网页效果?css圣诞树怎么做
- 5网页制作这些作品源代码从何而来?揭秘网页设计奥秘,网页源代码从哪来
- 6html网页制作有哪些主流工具和软件推荐使用?html网页制作工具
- 7如何高效运用HTML技巧制作出精美实用的网页表格?HTML表格制作技巧
- 8大一HTML网页制作模板有哪些?适合初学者的推荐清单?,html网页制作入门模板下载
- 9HTML网页设计与制作作业如何高效完成并提升网页设计技能?,html作业怎么做,网页设计教
- 10html中文咖啡网页模板适合初学者吗?如何优化页面设计
推荐教程
- 02-01HTML制作网页代码,新手如何从零开始打造专业网站?
- 09-112025年9月网页制作:HTML与XHTML的最新代码
- 02-19HTML中表格动态添加_动力节点Java学院整理
- 02-19HTML标签meta总结,HTML5 head meta 属性整理
- 12-14HTML表格合并的具体实现方式
- 02-19html 基于 canvas 实现的一个截图小demo
- 02-19HTML网页中插入视频的方法小结
- 02-195种做法实现table表格中的斜线表头效果
- 02-19快速解决input[type=file]打开时慢、卡顿的问题
- 02-19html中关于form与表单提交操作的资料集合

