在HTML中，我们可以通过修改<img>标签的src属性来更换图片。src属性的值是图片的URL地址，可以是相对路径也可以是绝对路径，以下是一个简单的示例：
1、我们需要在HTML文件中创建一个<img>标签，并设置其src属性为图片的URL地址，我们可以将以下代码添加到HTML文件的<body>标签内：
<img src="example.jpg" alt="示例图片">
这里，src属性的值是图片的URL地址，本例中为example.jpg。alt属性是一个描述性文本，当图片无法显示时，浏览器会显示这个文本。
2、接下来，我们需要将图片文件（如example.jpg）放在与HTML文件相同的目录下，或者将其放在其他目录并通过相对路径引用，如果图片文件位于与HTML文件相同的目录下，那么上述代码就可以正常显示图片，如果图片文件位于其他目录，例如images文件夹下，那么我们需要修改src属性的值，使其指向正确的路径。
<img src="images/example.jpg" alt="示例图片">
这里，我们将src属性的值更改为images/example.jpg，表示图片文件位于名为images的文件夹内，文件名为example.jpg。
3、如果图片文件位于互联网上，我们可以使用绝对路径引用图片。
<img src="https://www.example.com/images/example.jpg" alt="示例图片">
这里，我们将src属性的值更改为一个互联网上的URL地址，表示图片文件位于名为example.com的网站内的images文件夹内，文件名为example.jpg。
4、如果我们想要更换图片，只需将<img>标签的src属性值更改为新图片的URL地址即可，如果我们想要更换为名为new_example.jpg的图片，可以将代码更改为：
<img src="new_example.jpg" alt="新示例图片">
5、我们还可以使用CSS样式来调整图片的大小、边距等属性，我们可以在HTML文件中添加以下CSS代码：
<style>
img {
width: 300px; /* 设置图片宽度 */
height: 200px; /* 设置图片高度 */
margin: 10px; /* 设置图片外边距 */
border: 1px solid #ccc; /* 设置图片边框 */
}
</style>
在<img>标签内添加以下代码：
<img src="new_example.jpg" alt="新示例图片" style="width:300px;height:200px;margin:10px;border:1px solid #ccc;">
这样，图片就会根据我们设置的CSS样式进行调整。
在HTML中更换图片非常简单，只需修改<img>标签的src属性值为新图片的URL地址即可，我们还可以使用CSS样式来调整图片的大小、边距等属性。