HTML中的img标签属性怎么使用

发布时间:2022-09-30 17:06:48 作者:iii
来源:亿速云 阅读:162

这篇文章主要讲解了“HTML中的img标签属性怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML中的img标签属性怎么使用”吧!

描述

HTML<img> 标签用于将图像放入 HTML 文档中。这将产生以下结果

例子

<!DOCTYPE html><html>
   <head>
      <title>HTML  Tag</title>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/images/html.gif"
         alt = "HTML Tutorial" height = "150" width = "140" />
   </body></html>

这将产生以下结果 

特定属性

HTML <img>标签还支持以下附加属性 

属性价值描述
对齐



不推荐使用- 指定图像的对齐方式。
alt文本指定替代文本
边界像素不推荐使用- 指定图像边框的宽度。
跨域匿名使用凭证它允许来自允许跨域访问的第三方站点的图像与画布一起重用。
高度像素或%指定图像的高度。
空间像素不推荐使用- 要插入到对象左侧和右侧的空白量。
地图网址将图像定义为服务器端图像映射。
长笛文本不推荐使用- 指定长描述的 URI/URL - 这可以详细说明使用 alt 属性指定的较短描述。
源代码网址图片的网址
使用地图#地图名称将图像定义为客户端图像映射并与 <map> 和 <area> 标签一起使用。
虚拟空间像素已弃用- 要插入到对象顶部和底部的空白量。
宽度像素或%以像素或 % 为单位设置图像的宽度。

感谢各位的阅读,以上就是“HTML中的img标签属性怎么使用”的内容了,经过本文的学习后,相信大家对HTML中的img标签属性怎么使用这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

推荐阅读:
  1. HTML的img标签
  2. html img area

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html img

上一篇:微信小程序的canvas如何使用

下一篇:HTML有序列表如何使用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》