HTML <img>标签用于将图像放入HTML文档中。
<!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 |
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)