在HTML中，我们可以使用<img>标签来导入图片。<img>标签是HTML中用于插入图像的标签，它有两个必需的属性：src和alt。
1、src属性：该属性用于指定图像的路径，可以是相对路径，也可以是绝对路径，相对路径是指相对于当前HTML文件的位置，而绝对路径是指从网站的根目录开始的路径，如果你的图片文件名为image.jpg，并且它位于与你的HTML文件相同的目录中，那么你可以使用以下代码来导入图片：
<img src="image.jpg" alt="My Image">
2、alt属性：该属性用于为图像提供替代文本，当由于某种原因（如网络连接问题或浏览器不支持图像）无法显示图像时，将显示此替代文本，这对于搜索引擎优化（SEO）和可访问性非常重要，你可以使用以下代码来为图像提供替代文本：
<img src="image.jpg" alt="This is an image of a cat">
除了这两个必需的属性外，<img>标签还支持一些其他的属性，如width和height，它们可以用于设置图像的宽度和高度，请注意，这些属性并不是必需的，因为浏览器通常会根据图像的实际大小自动调整其大小，如果提供了width和height属性，那么必须同时提供这两个属性，否则浏览器可能无法正确显示图像，你可以使用以下代码来设置图像的大小：
<img src="image.jpg" alt="This is an image of a cat" width="300" height="200">
<img>标签还支持一个叫做loading的属性，它有三个可能的值：auto、lazy和eager，这个属性用于控制浏览器何时加载图像。
- auto：这是默认值，浏览器会在页面解析到图像时立即加载图像。
- lazy：当用户滚动到图像时，浏览器会加载图像，这可以延迟加载图像，从而提高页面的加载速度。
- eager：浏览器会在页面解析到图像时立即加载图像，就像auto一样，这个值已经被废弃，不再被推荐使用。
你可以使用以下代码来设置图像的加载方式：
<img src="image.jpg" alt="This is an image of a cat" loading="lazy">
要在HTML中导入图片，你需要使用<img>标签，并为其提供src和alt属性，你还可以提供其他的属性来设置图像的大小和加载方式。
