HTML 中的 <img>属性

首页 / HTML入门教程 / HTML 中的 <img>属性

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 不推荐使用-指定图像边框的宽度。
crossoriginhtml-5 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

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

从0开始学微服务 -〔胡忠想〕

代码精进之路 -〔范学雷〕

Java性能调优实战 -〔刘超〕

编译原理之美 -〔宫文学〕

摄影入门课 -〔小麥〕

Service Mesh实战 -〔马若飞〕

如何讲好一堂课 -〔薛雨〕

徐昊 · TDD项目实战70讲 -〔徐昊〕

结构思考力 · 透过结构看表达 -〔李忠秋〕

好记忆不如烂笔头。留下您的足迹吧 :)