在HTML中，要显示图片，我们需要使用<img>标签，这个标签允许我们将图像文件嵌入到网页中，让访问者能够看到图片，下面将详细介绍如何使用<img>标签以及一些相关的属性。
<img>标签的基本语法如下：
<img src="图片文件路径" alt="图片描述">
src属性用于指定图片的文件路径，可以是相对路径、绝对路径或在线图片的URL。alt属性则用于提供图片的描述，这在图片无法加载时会显示出来，同时也有助于搜索引擎优化和提高网页的可访问性。
我们想要在网页中显示一张名为"example.jpg"的图片，可以使用以下代码：
<img src="example.jpg" alt="这是一张示例图片">
如果图片位于不同的文件夹中，我们需要使用相对路径来指定图片的位置，如果图片位于名为"images"的文件夹中，代码将变为：
<img src="images/example.jpg" alt="这是一张示例图片">
除了src和alt属性外，<img>标签还支持其他一些属性，如width和height，用于控制图片的显示尺寸，这些属性可以接受像素或百分比值，我们想要将图片宽度设置为300像素，高度自动按比例缩放，可以这样写：
<img src="example.jpg" alt="这是一张示例图片" width="300">
我们可能希望图片在鼠标悬停时显示另一种效果，这时，我们可以使用CSS来实现这个功能，我们可以为图片添加一个:hover伪类，改变其在鼠标悬停时的样式：
<style>
img:hover {
opacity: 0.5;
}
</style>
<img src="example.jpg" alt="这是一张示例图片" class="hover-effect">
在这个例子中，当鼠标悬停在图片上时，图片的不透明度将变为0.5，从而产生一种淡入效果。
常见问题与解答：
Q1: 如何在HTML中添加图片？
A1: 在HTML中添加图片，需要使用<img>标签，并通过src属性指定图片的文件路径。<img src="example.jpg" alt="描述文字">。
Q2: 什么是alt属性？
A2: alt属性用于提供图片的替代文本描述，当图片无法加载时，alt属性的值将显示在图片的位置，这对于提高网页的可访问性和搜索引擎优化非常重要。
Q3: 如何控制图片的尺寸？
A3: 可以通过width和height属性来控制图片的显示尺寸，这两个属性可以接受像素或百分比值。<img src="example.jpg" alt="描述文字" width="300" height="200">。