0

0

HTML中图片标签

墨辰丷

墨辰丷

发布时间:2018-06-04 15:05:05

|

3760人浏览过

|

来源于php中文网

原创

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

摘要

项目

说明

形式

@@##@@

支持

H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+

标签省略

开始标签:必须,结束标签:无

说明

img 是 Image(图像)的缩写。src 属性用来指定图像的路径。

HTML4.01 里为了配合各种无法显示图像的浏览器和有声阅读浏览器,必须设定 HTML中图片标签 标签里的 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" 可以让图像的左边或右边显示文字。取消此效果用

border=n

H3-H4T/e2+/N2+。指定图像周围的边框线的粗细。当图像被包含在 标签里的时候,会自动产生边框线。想取消的话设定 border=0。

galleryimg=bool

e6+。当鼠标放在 200×200 以上的图像上面的时候,不显示工具条。也可以在  里全局指定。

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+。指定图像为客户端图像映射。请参考

【视频相关属性】

HTML5鼠标滚轮旋转图片展示特效
HTML5鼠标滚轮旋转图片展示特效

HTML5鼠标滚轮旋转图片展示特效是一款鼠标滚轮旋转并点击放大图片的网页特效,可以放大选中的图片或点击还原至原处。

下载

属性

意义

controls

e2-e3。在视频的下面显示播放控制按钮。在 IE4.0 时被废弃。

dynsrc=url

e2+。指定视频文件(*.avi)。因为已经有了 @@@###@@@   标签,所以此属性基本上没什么人用。

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中图片标签

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

相关推荐:

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

正则表达式怎么匹配图片地址与img标签

在ie中img标签内存泄漏怎么处理

HTML中图片标签

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Java 桌面应用开发(JavaFX 实战)
Java 桌面应用开发(JavaFX 实战)

本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

37

2026.01.14

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 高性能
PHP 高性能

本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。

37

2026.01.13

MySQL数据库报错常见问题及解决方法大全
MySQL数据库报错常见问题及解决方法大全

本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 文件上传
PHP 文件上传

本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.13

PHP缓存策略教程大全
PHP缓存策略教程大全

本专题整合了PHP缓存相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.13

jQuery 正则表达式相关教程
jQuery 正则表达式相关教程

本专题整合了jQuery正则表达式相关教程大全,阅读专题下面的文章了解更多详细内容。

3

2026.01.13

交互式图表和动态图表教程汇总
交互式图表和动态图表教程汇总

本专题整合了交互式图表和动态图表的相关内容,阅读专题下面的文章了解更多详细内容。

45

2026.01.13

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

9

2026.01.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

AngularJS教程
AngularJS教程

共24课时 | 2.6万人学习

CSS教程
CSS教程

共754课时 | 19万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号