更正图像文件的文件路径

Question

我一直无法显示图像，我认为这是由于文件链接不正确，但我似乎无法让它工作。我将图像直接上传到Cloud9，进入名为“images”的文件夹。该文件夹嵌套在名为“jobquiz”

的文件夹中

我正在尝试将图片包含在我的主页上。这些是我试图链接图像的方法，但每次我收到“无法找到”错误。有人可以帮我纠正我的文件路径吗？谢谢！

该图片名为“guy.jpeg”

我尝试了以下内容：

<img src="images/guy.jpeg" alt="">
<img src="/images/guy.jpeg" alt="">
<img src="./images/guy.jpeg" alt="">
<img src="../images/guy.jpeg" alt="">
<img src="jobquiz/images/guy.jpeg" alt="">
<img src="/jobquiz/images/guy.jpeg" alt="">

Answer 1

如果没有您从HTML到图像位置共享您的确切文件结构，除了解释从路径中放置两个点和斜杠告诉浏览器转到父文件夹然后执行路径时，我们无法帮助您提供（例如“../ images/guy.jpeg”），这可以在路径上多次完成。这是我想说的一个很好的例子 - https://css-tricks.com/quick-reminder-about-file-paths/

您可以做的另一件事是在HTML中使用基本标记。要使用基本标记，只需将<base href="http://www.yourrooturl.com" />放在HTML标题中的标题标记下方，然后只需将图像指向<img src="images/guy.jpeg" alt="">，只要图像文件夹位于根文件夹的直接子文件中即可。你的网站。

希望这有帮助。

编辑： 我看到了您的图片，您可以尝试使用基本标记，或者也可以尝试使用<img src="../../images/guy.jpeg" alt="">作为图片路径。