如何在 Html 上找到图像？

Question

这是我在 about.html 和 contact.html 上收到的四个错误消息

about.html 错误

在 12-nav/sections/about.html 中没有找到主页图片或没有 src。

在 12-nav/sections/about.html 中没有找到联系人图片或没有 src。

contact.html 错误

在 12-nav/sections/contact.html 中没有找到主页图片或没有 src。

在 12-nav/sections/contact.html 中没有找到关于图像或它没有 src。

我的联系人.html

<li> <p> <a href="../index.html">Home</a>
  <img src="../img/home.png"> </p> </li>


<li> <p> <a href="contact.html">Contact</a>
  <img src="../img/contact.png"> </p> </li>


<li> <p> <a href="about.html">About</a>
  <img src="../img/about.png">  </p> </li>

我的 about.html

<li> <p> <a href="../index.html">Home</a>
  <img src="../img/home.png"> </p> </li>

<li> <p> <a href="contact.html">Contact</a>
  <img src="../img/contact.png"> </p> </li>

<li> <p> <a href="about.html">About</a>
  <img src="../img/about.png">  </p> </li>

我做了很多工作，但仍然无法弄清楚我的 src 线上缺少什么。有人可以帮我解决它。我会很感激的。谢谢你！

这是我的文件结构的链接。

https://i.stack.imgur.com/38jrg.png

Answer 1

您没有显示文件夹/文件系统的结构，以查看图像的托管位置/与您的 css 文件相关的位置。

https://css-tricks.com/quick-reminder-about-file-paths/

1. 以“/”开头返回根目录并从那里开始
2. 以“../”开头的目录向后移动一个目录并从那里开始
3. 以“../../”开始向后移动两个目录并开始 那里（等等……）

例如，如果所有内容、图像、css 和 html 都在同一级别的同一文件夹中，那么您的“../img/”就不合适了，因为您告诉 css 代码与您的css 文件，图像位于名为 img 的文件夹中，该文件夹位于您的 css 所在文件夹之外。

在这种情况下，正确的 src 相对路径应该是 src="something.png"

更新/编辑：这是问题作者提供的链接：

link to filestructure

我现在很困惑哈哈，在那个链接中，我可以看到图片正在加载。