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

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

技术教程推荐

面试现场 -〔白海飞〕

Node.js开发实战 -〔杨浩〕

JavaScript核心原理解析 -〔周爱民〕

人人都能学会的编程入门课 -〔胡光〕

Flink核心技术与实战 -〔张利兵〕

分布式金融架构课 -〔任杰〕

手把手教你玩音乐 -〔邓柯〕

如何读懂一首诗 -〔王天博〕

互联网人的数字化企业生存指南 -〔沈欣〕

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