HTML <img>标签用于将图像放入HTML文档中。
img示例
<!DOCTYPE html> <html> <head> <title>HTML Tag</title> </head> <body> <img src="https://www.learnfk.com/images/html.gif" alt="HTML Tutorial" height="150" width="140" /> </body> </html>
这将产生以下结果-
全局属性
此标签支持- HTML 中所述的所有全局属性。
特定属性
HTML <img>标签还支持以下附加属性-
| Attribute | Value | 描述 |
|---|---|---|
| align | top bottom middle left right |
不推荐使用-指定图像的对齐方式。 |
| alt | text | 指定备用文字 |
| border | pixels | 不推荐使用-指定图像边框的宽度。 |
crossorigin
|
anonymous use-credentials | 它允许来自第三方站点的，允许跨域访问的图像与画布一起重用。 |
| height | pixels or % | 指定图像的高度。 |
| hspace | pixels | 不推荐使用-在对象左右两侧插入的空白量。 |
| ismap | URL | 将图像定义为服务器端图像映射。 |
| longdesc | text | 不推荐使用-指定长描述的URI/URL-可以详细说明通过alt属性指定的短描述。 |
| src | URL | 图片的网址 |
| usemap | #mapname | 将图像定义为客户端图像地图，并与<map>和<area>标签一起使用。 |
| vspace | pixels | 不推荐使用-插入对象顶部和底部的空白量。 |
| width | pixels or % | 设置图像的宽度(以像素或％为单位)。 |
事件属性
此标签支持- HTML 中所述的所有事件属性。
浏览器支持
| Chrome | Firefox | IE | Opera | Safari | Android |
|---|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes | Yes |
