HTML<img>属性

/ / 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

祝学习愉快! (发现内容有误?请选中要编辑的内容 -> 右键 -> 修改 -> 提交!帮助我们改进教程质量)

精选教程推荐

👇 以下精选教程可能对您有帮助,拓展您的技术视野

云时代的JVM原理与实战 -〔康杨〕

Dubbo源码剖析与实战 -〔何辉〕

Go进阶 · 分布式爬虫实战 -〔郑建勋〕

超级访谈:对话汤峥嵘 -〔汤峥嵘〕

实用密码学 -〔范学雷〕

深入浅出云计算 -〔何恺铎〕

10x程序员工作法 -〔郑晔〕

从0开始学大数据 -〔李智慧〕

数据结构与算法之美 -〔王争〕

📝 好记忆不如烂笔头,留下您的学习笔记吧!

暂无学习笔记,成为第一个分享的人吧!

您的笔记将帮助成千上万的学习者