博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML <img> 标签
阅读量:5890 次
发布时间:2019-06-19

本文共 864 字,大约阅读时间需要 2 分钟。

转自:http://www.w3school.com.cn/tags/tag_img.asp

实例

在下面的例子中,我们在页面中插入一幅 W3School 的工程师在上海鲜花港拍摄的郁金香照片:

上海鲜花港 - 郁金香

以上代码的效果:

上海鲜花港 - 郁金香

(您可以在页面底部找到更多实例)

浏览器支持

IE Firefox Chrome Safari Opera
         

所有浏览器都支持 <img> 标签。

定义和用法

img 元素向网页中嵌入一幅图像。

请注意,从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

<img> 标签有两个必需的属性: 和 。

延伸阅读:

HTML 与 XHTML 之间的差异

在 HTML 中,<img> 标签没有结束标签。

在 XHTML 中,<img> 标签必须被正确地关闭。

在 HTML 4.01 中,不推荐使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。

在 XHTML 1.0 Strict DTD 中,不支持 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。

必需的属性

属性 描述
text 规定图像的替代文本。
URL 规定显示图像的 URL。

可选的属性

属性 描述
  • top
  • bottom
  • middle
  • left
  • right
不推荐使用。规定如何根据周围的文本来排列图像。
pixels 不推荐使用。定义图像周围的边框。
  • pixels
  • %
定义图像的高度。
pixels 不推荐使用。定义图像左侧和右侧的空白。
URL 将图像定义为服务器端图像映射。
URL 指向包含长的图像描述文档的 URL。
URL 将图像定义为客户器端图像映射。
pixels 不推荐使用。定义图像顶部和底部的空白。
  • pixels
  • %
设置图像的宽度。

转载于:https://www.cnblogs.com/sharpest/p/5732384.html

你可能感兴趣的文章
设计模式之命令模式
查看>>
android 测试 mondey
查看>>
Spring AOP项目应用——方法入参校验 & 日志横切
查看>>
TestNG 六 测试结果
查看>>
用Fiddler或Charles进行mock数据搭建测试环境
查看>>
使用REST-Assured对API接口进行自动化测试
查看>>
GitHub发布史上最大更新,年度报告出炉!
查看>>
王潮歌跨界指导HUAWEI P20系列发布会 颠覆传统 眼界大开!
查看>>
王高飞:微博已收购一直播 明年一季度重点是功能与流量打通
查看>>
趣头条发行区间7至9美元 预计9月14日美国上市
查看>>
新北市长侯友宜:两岸交流应从隔壁最亲近的人开始
查看>>
全面屏的Nokia X即将上线,不到2000元的信仰你要充值吗?
查看>>
HTML5音频audio属性
查看>>
ES6学习
查看>>
Centos7搭建Django环境
查看>>
序列化一个Intent
查看>>
JavaScript数据类型及语言基础--ife
查看>>
进阶 Nginx 高手必须跨越的 5 座大山
查看>>
国内首例:飞步无人卡车携手中国邮政、德邦投入日常运营
查看>>
“迁移策略+新容器运行时”应对有状态应用的冷热迁移挑战
查看>>