HTML是现代网页开发的基础语言，而图片在网页中也扮演着重要的角色。在开发网页时，我们经常需要在网页中展示图片。但是，如果我们想要展示本地图片，该怎么办呢？本文将为大家介绍HTML预览本地图片的实现方法。
g> 标签展示本地图片
g> 标签来展示图片。而如果我们想要展示本地图片，只需要将图片的路径设置为本地路径即可。例如：
ginistrator/Desktop/picture.jpg” /> src属性指定了图片的路径。在这里，我们使用file:///协议指定了本地路径。在file:///后面，跟着的是本地图片的存储路径。
需要注意的是，在使用本地路径时，需要将路径中的反斜杠（\）替换为斜杠（/）。另外，路径的写法也不同于网页中的相对路径或绝对路径。
二、使用相对路径展示本地图片
除了使用绝对路径外，我们还可以使用相对路径来展示本地图片。相对路径指的是相对于当前HTML文件的路径。
例如，我们在当前HTML文件的同级目录下存储了一张名为picture.jpg的图片。那么，我们可以使用以下代码来展示该图片：
g src=”picture.jpg” />
如果该图片存储在当前HTML文件的上一级目录中，我们可以使用以下代码来展示该图片：
g src=”../picture.jpg” /> ../表示上一级目录。需要注意的是，如果图片存储在当前HTML文件的子目录中，我们需要在路径中加上子目录的名称，例如：
gages/picture.jpg” />
ages为存储图片的子目录名称。
三、使用base标签设置基准路径
如果我们在一个HTML文件中展示多张本地图片，每次都需要写出完整的路径会显得很麻烦。这时，我们可以使用base标签来设置基准路径，从而简化路径的写法。
例如，我们可以在HTML文件的< head> 标签中添加以下代码：
inistrator/Desktop/” /> href属性指定了基准路径。在这里，我们使用file:///协议指定了本地路径。在file:///后面，跟着的是本地文件夹的存储路径。
这样，我们在展示本地图片时，只需要使用相对路径即可。例如：
g src=”picture.jpg” />
g> 标签展示本地图片需要写出完整的路径，使用相对路径展示本地图片需要考虑当前HTML文件的路径关系，而使用base标签则可以简化路径的写法。
需要注意的是，展示本地图片存在安全隐患，因此在实际开发中，我们应该尽量避免展示本地图片，而是使用网络图片或上传图片到服务器后再展示。