HTML中的img标签属性怎么使用
短信预约 -IT技能 免费直播动态提醒
这篇文章主要讲解了“HTML中的img标签属性怎么使用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“HTML中的img标签属性怎么使用”吧！
描述
HTML<img> 标签用于将图像放入 HTML 文档中。这将产生以下结果
例子
<!DOCTYPE html><html>
<head>
<title>HTML Tag</title>
</head>
<body>
<img class="lazy" data-src = "/file/upload/202210/19/y4xrgxsf40z.gif"
alt = "HTML Tutorial" height = "150" width = "140" />
</body></html>这将产生以下结果
特定属性
HTML <img>标签还支持以下附加属性
| 属性 | 价值 | 描述 |
|---|---|---|
| 对齐 | 上 下 中 左 右 | 不推荐使用- 指定图像的对齐方式。 |
| alt | 文本 | 指定替代文本 |
| 边界 | 像素 | 不推荐使用- 指定图像边框的宽度。 |
| 跨域 | 匿名使用凭证 | 它允许来自允许跨域访问的第三方站点的图像与画布一起重用。 |
| 高度 | 像素或% | 指定图像的高度。 |
| 空间 | 像素 | 不推荐使用- 要插入到对象左侧和右侧的空白量。 |
| 地图 | 网址 | 将图像定义为服务器端图像映射。 |
| 长笛 | 文本 | 不推荐使用- 指定长描述的 URI/URL - 这可以详细说明使用 alt 属性指定的较短描述。 |
| 源代码 | 网址 | 图片的网址 |
| 使用地图 | #地图名称 | 将图像定义为客户端图像映射并与 <map> 和 <area> 标签一起使用。 |
| 虚拟空间 | 像素 | 已弃用- 要插入到对象顶部和底部的空白量。 |
| 宽度 | 像素或% | 以像素或 % 为单位设置图像的宽度。 |
感谢各位的阅读，以上就是“HTML中的img标签属性怎么使用”的内容了，经过本文的学习后，相信大家对HTML中的img标签属性怎么使用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
