在制作网页时，图片的展示是不可或缺的环节，图片可以丰富网页内容，提高用户体验，如何在HTML网页中显示图片呢？我将详细介绍在HTML中插入和显示图片的方法。
我们需要了解HTML中用于显示图片的标签，那就是<img>标签。<img>标签是一个空标签，它不需要结束标签，只需在标签内添加相应的属性即可，以下是<img>标签的基本用法：
<img src="图片地址" alt="图片描述" />
以下是详细步骤和注意事项：
1、图片地址：在<img>标签的src属性中，需要填写图片的地址，图片地址可以是本地路径，也可以是网络上的URL。
- 如果是本地路径，<img src="images/photo.jpg" alt="示例图片" />，这里的images/photo.jpg表示图片位于当前网页所在目录下的images文件夹中。
- 如果是网络上的URL，<img src="http://www.example.com/images/photo.jpg" alt="示例图片" />。
2、图片描述：在<img>标签的alt属性中，需要填写图片的描述，图片描述的作用有两方面：
- 当图片无法加载时，浏览器会显示图片的描述，让用户知道这里本应显示什么内容。
- 对于搜索引擎来说，图片描述有助于提高网页的SEO（搜索引擎优化）。
以下是一些进阶用法和技巧：
1、调整图片大小：我们可以通过width和height属性来调整图片的大小。
<img src="images/photo.jpg" alt="示例图片" width="200" height="150" />
这里将图片的宽度设置为200像素，高度设置为150像素，需要注意的是，调整图片大小时，要保持图片的宽高比例，以免图片变形。
2、控制图片边框：在某些情况下，我们可能需要给图片添加边框，可以通过CSS样式来实现，
<img src="images/photo.jpg" alt="示例图片" style="border: 1px solid #000;" />
这里给图片添加了一个1像素的实线边框，颜色为黑色。
3、图片对齐：在网页布局中，图片对齐也是一个常见需求，可以通过CSS样式来实现，
<img src="images/photo.jpg" alt="示例图片" style="float: left;" />
这里将图片设置为左浮动，使其与左侧对齐。
4、点击图片跳转：有时，我们希望点击图片后跳转到另一个页面，这时，可以将<img>标签放入<a>标签中，如下：
<a href="http://www.example.com">
<img src="images/photo.jpg" alt="示例图片" />
</a>点击上述图片后，浏览器会跳转到http://www.example.com。
5、响应式图片：在移动设备越来越普及的今天，响应式网页设计变得尤为重要，为了使图片在不同设备上显示得更加合适，我们可以使用以下方法：
<img src="images/photo.jpg" alt="示例图片" style="max-width: 100%; height: auto;" />
这里设置图片的最大宽度为100%，高度自动调整，使图片能够在不同设备上自适应显示。
通过以上方法，相信大家已经掌握了在HTML网页中显示图片的技巧，在实际应用中，根据需求灵活运用这些方法，可以大大提高网页的美观度和用户体验，HTML和CSS还有很多功能和属性可以探索，不断学习和实践，才能更好地掌握网页制作技巧。