HTML <img> 标签 - 蝴蝶教程

<img>标签定义和用法

<img>标签定义HTML页面中的图像。 <img>标签有两个必需的属性：src和alt。

注意：图像在技术上不会插入HTML页面，图像会链接到HTML页面。<img>标签为引用的图像创建一个保留空间。

提示：要将图像链接到另一个文档，只需将<img>标记嵌套在<a>标记内。

Internet Explorer/Edge	Chrome	FireFox	Safari	Opera

支持	支持	支持	支持	支持

<!DOCTYPE html>
<html>
<body>

<img src="/images/j1.jpg" alt="静物" width="175" height="200">

</body>
</html>

尝试一下

HTML5中不支持以下属性：align，border，hspace和vspace。

在HTML中，<img>标签没有结束标记。在XHTML中，必须正确关闭<img>标记。

以下橙红色的5标识代表HTML5添加的新功能

属性名	属性值	描述
align	top bottom middle left right	HTML5不支持。指定图像根据周围元素的对齐方式
alt	text	指定图像的替代文本
border	pixels	HTML5不支持。指定图像周围边框的宽度
crossorigin5	anonymous use-credentials	允许来自第三方站点的允许跨源访问的图像与canvas一起使用
height	pixels	指定图像的高度
hspace	pixels	HTML5不支持。指定图像左侧和右侧的空白
ismap	ismap	将映像指定为服务器端映像映射
longdesc	URL	指定图像详细描述的URL
sizes5		指定不同页面布局的图像大小
src	URL	指定图像的URL
srcset5	URL	指定在不同情况下使用的图像的URL
usemap	#mapname	将映像指定为客户端映像映射
vspace	pixels	HTML5不支持。指定图像顶部和底部的空白
width	pixels	指定图像的宽度

<img>标签还支持全局属性。查看有关全局属性的更多知识。

<img>标签还支持事件属性。查看有关事件属性的更多知识。

HTML教程：HTML图像

img { 
    display: inline-block;
}