如何在html中插入图片

HTML内容元素中图片元素
使用img元素：src属性：图片路径。
alt属性：图片无法显示的时候使用替代文本，title属性：鼠标悬停时显示文本内容。
在同一张图片上点击不同的位置链接到不同的页面上
使用map，和area元素（map是area的父元素）

加上id或者name是为了解决兼容性。

shap形状分类：圆形，矩形，多边形，（点击区域的形状）。

href：形状的链接地址。

coords：形状的位置。
圆形（cicle），多边形（poly） 矩形（rectangle）
coords;矩形（左上角x轴坐标，y轴，右下角x，y，轴坐标）
圆形：（圆心点x，y，轴，半径）
父级元素（figure）
子集元素（img和figcaption，其中figcaption是对img的解释或相关内容）
controls视屏控件
controls autoplay=“” 自动播放 loop（循环播放）
对img设置宽高时，只设置一个值，拧一个会自动生成。（等比例缩放）
url（统一资源路径）
background-image:url(‘‘)背景图片
实现雪碧图的步骤：1.给尺寸，2.应用位置（background-image：url（））3.给位置（background-position：x，y，轴）
用非块级元素包含

原文地址：https://www.cnblogs.com/yangkaiming/p/8906102.html