这篇文章主要讲解了“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> 标签一起使用。 |
虚拟空间 | 像素 | 已弃用- 要插入到对象顶部和底部的空白量。 |
宽度 | 像素或% | 以像素或 % 为单位设置图像的宽度。 |