为什么我的计算机中的图像不会显示在 html 上？

Question

为什么我的计算机中的图像不显示在我的 html 文件中 我使用 url 使用来自 web 的图像没有问题。我保存了我的 html 文件、css 和图像全部在文件夹中，但它没有显示在网站。 这是我使用 Sublime Text Editor 时使用的代码。

<div>
  <img src="/images/profile-pic.jpg"/>
  <h1 id="myname">John Smith</h1>
  <h3>Web developer</h3>
  <p>{{ pause and ponder }}</p>
</div>
  </div class="intro">

Answer 1

现在您提供了屏幕截图，我可以尽力提供更好的帮助。 在文件夹树中，您可以看到名为 Portfolio 的文件夹和名为 Images 的文件夹处于同一级别。 因此，当您在文件夹 Portfolio 中时，您应该向上导航一个级别。

请尝试使用

<img src="../images/profile-pic.jpg">

Answer 2

另一种简单的方法来做到这一点。

Go 到您系统上的文件，导航到存储图像的文件夹，右键单击并单击属性，然后复制那里的地址。

Answer 3

只需在 html 文件中给出图像的正确路径并删除路径后面的正斜杠 (/)。

Answer 4

您很可能在一个新目录中，需要返回上一级。 你可以试试：

<img src="../images/profile-pic.jpg"/>

Answer 5

现在在文件夹结构上，这就是您排列文档的方式。

首先为您的整个网站创建一个文件夹。 我们称它为“代码”然后在代码中添加 HTML 文件并将其命名为“索引”（在托管时浏览器更容易识别），索引旁边会为您的其他材料创建另一个文件夹。 示例图像、字体文件、CSS 文件、视频等等。 命名文件夹资产。 然后在资产中，创建一个仅用于保存图像的文件夹，另一个用于 CSS 文件和另一个用于字体文件。

然后你就完成了从创建的第一个文件夹复制地址（这更容易）