HTML（超文本标记语言）是一种用于创建网页的标准标记语言，在网页设计中，我们经常需要展示图片，包括从文件夹中加载图片，以下是如何在HTML中显示文件夹中的图片的几种方法。

1. 基本图片展示

要在HTML中展示图片，你需要使用<img>标签，并通过src属性指定图片的路径，如果你的图片存储在名为“images”的文件夹中，你可以这样写：

<img src="images/myimage.jpg" alt="描述性文字">

这里的alt属性用于在图片无法加载时提供替代文本，同时对搜索引擎优化（SEO）也有帮助。

2. 使用相对路径

相对路径是指相对于当前HTML文件位置的路径，如果你的图片文件夹和HTML文件在同一目录下，你可以直接使用图片文件名：

<img src="myimage.jpg" alt="描述性文字">

如果图片在子文件夹中，images”文件夹，你可以这样写：

<img src="images/myimage.jpg" alt="描述性文字">

3. 使用绝对路径

绝对路径提供了一个完整的URL，指向图片的位置，这可以是一个本地文件路径，也可以是一个网络URL。

<img src="C:/Users/Username/Pictures/myimage.jpg" alt="描述性文字">

或者

<img src="http://www.example.com/images/myimage.jpg" alt="描述性文字">

4. CSS背景图片

如果你想通过CSS将图片设置为网页元素的背景，你可以使用background-image属性。

<div class="image-background">
  <!-- 内容 -->
</div>

然后在CSS文件中：

.image-background {
  background-image: url('images/myimage.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

5. 图片懒加载

为了提高网页加载速度，特别是在图片较多的情况下，可以使用图片懒加载技术，HTML5提供了loading属性，可以设置为lazy：

<img src="images/myimage.jpg" loading="lazy" alt="描述性文字">

常见问题解答

Q1: 如果我的图片存储在服务器上，我应该如何引用它们？

A1: 如果你的图片存储在服务器上，你应该使用完整的URL路径来引用它们，就像这样：

<img src="http://www.yourserver.com/images/myimage.jpg" alt="描述性文字">

确保URL是可访问的，并且服务器配置允许跨域资源共享（CORS）。

Q2: 图片路径中的斜杠方向在不同操作系统中是否不同？

A2: 是的，在Windows系统中，文件路径通常使用反斜杠（`），而在Linux或macOS系统中，使用正斜杠（/），但在HTML中，你应该始终使用正斜杠（/`）来指定路径。

Q3: 如果我想在HTML页面中展示多个图片，有什么最佳实践？

A3: 对于展示多个图片，你可以使用<div>或<section>标签来组织图片，每个图片使用<img>标签，确保使用合适的alt文本，并且可以考虑使用CSS网格或Flexbox布局来优化图片的排列，考虑使用图片懒加载技术来提高页面性能。