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

本文共 812 字,大约阅读时间需要 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
  • %
设置图像的宽度。

转载地址:http://ychal.baihongyu.com/

你可能感兴趣的文章
传东芝可能会拒绝富士康提出的270亿美元报价
查看>>
如何对付“邪恶女佣”?表想太多,人家是一种攻击而已……
查看>>
数据分析时代到来 颠覆了既有理念
查看>>
《Cocos2D权威指南》——3.4 CCLayer层类
查看>>
智慧城市有“五病” 建设要正“五观”
查看>>
Facebook借足球影响力推广直播:与俱乐部和球星合作分成
查看>>
监管用上大数据,厉害了
查看>>
IBM让广告也可以互动,认知商业第一波到来
查看>>
调查:德企对社交媒体缺乏兴趣 70%以传真机联络
查看>>
欧盟光伏太阳能精准测量参照实验室已获国际认证
查看>>
网络安全七种意识:发展网络国防力量刻不容缓
查看>>
微软收购Linkedin:企业和生产力市场的航母编队
查看>>
通讯软件化及业务流程集成
查看>>
不需神化大数据,更不必妖魔化!
查看>>
量子通信,永不陷落的安全堡垒?
查看>>
美媒称俄黑客造成卡塔尔断交潮 俄:啥事都栽给我
查看>>
ERP软件选型时应该拒绝的五种类型
查看>>
关于人工智能,中国应该走出一条自己的路
查看>>
津巴布韦规划41MW太阳能电站 何时启动还需拭目以待
查看>>
摩尔定律终结,计算的未来在哪里
查看>>