HTML img 未在浏览器上加载答案

【问题标题】：HTML img is not loading on browserHTML img 未在浏览器上加载
【发布时间】：2021-10-09 10:48:36
【问题描述】：

我正在学习网络开发。

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

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

图片在images文件夹中，文件名就是这样（IMG_0489.png）。

我已尝试删除图像文件夹并将图像文件与 html 一起放置，但它仍未在我的浏览器上加载。

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

【问题讨论】：

【解决方案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">

【讨论】：

【解决方案2】：

没有文件夹folder_name

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

文件夹folder:

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

【讨论】：