当我的HTML文件在另一个文件夹中时，如何添加另一个文件中的图像

Question

由于某种原因，当我在记事本中打开图像时，它会出现，但当我在VSCode中打开HTML文件时，它不起作用。在我的HTML文件的文件夹中添加图像并设置源似乎可以，但我不想这样做。有人能帮忙吗？

Answer 1

您可以简单地将html标记中的路径更改为需要的位置：

<img src="../OTHER_FOLDER/IMAGE_NAME.png" />

..允许您在系统文件层次结构中向上移动一个文件夹。

Answer 2

如果您的图像位于index.html文件夹上一级的文件夹中，则可以使用

<img src="../image.jpg">

否则，您可以使用绝对路径：

<img src="C:Usersyour_userpicture.jpg"```

Answer 3

使用/与src="quot像这个

<img src="../pictures/pic.png" alt="Image 01">
<img src="../../pictures/pic.png" alt="Image 01">