HTML img 未在浏览器上加载

Question

我正在学习网络开发。

我的问题是图片没有显示在我的浏览器中。密码是

<img src="images/IMG_0489.png" alt="Anne Capongcol profile picture">

图片在images文件夹中，文件名完全一样(IMG_0489.png)。

我已经尝试删除图像文件夹，然后将图像文件与 html 放在一起，但它仍然无法在我的浏览器上加载。

我也尝试过更改图像，但它不起作用。

Answer 1

如果图像文件位于与当前页面相同的文件夹中的 images 文件夹中：

<img src="./images/IMG_0489.png" alt="Anne Capongcol profile picture">

如果图像文件与当前页面位于同一文件夹中：

<img src="./IMG_0489.png" alt="Anne Capongcol profile picture">

如果图像文件位于当前文件夹上一级文件夹中的 images 文件夹中：

<img src="../images/IMG_0489.png" alt="Anne Capongcol profile picture">

如果图像文件位于当前文件夹的上一级文件夹中：

<img src="../IMG_0489.png" alt="Anne Capongcol profile picture">

Answer 2

没有文件夹folder_name

<img src="./image_name" alt="Alt Tag">

与文件夹 folder:

<img src="./folder_name/image_name" alt="Alt tag">