图片的相对文件路径

Question

我遇到相对文件路径问题。我写了这一行：

<img src="\bootstrap\Rezepte\GrilledFruitKebab.jpg">

它没有显示图片，所以我想问你是否有人可以帮助我。 整个文件路径是：

C:\Users\if160109\Downloads\bootstrap-20171222T093142Z-001\bootstrap\Rezepte

我的HTML文件的文件路径：

C:\Users\if160109\Downloads\bootstrap-20171222T093142Z-001\bootstrap\startbootstrap-blog-post-gh-pages\index.html

（我在Windows上工作）

感谢您的阅读 （如果我犯了任何错误，你好，但这是我在这里提出的第一个问题）

Answer 1

尝试，<img src="../../Rezepte/GrilledFruitKebab.jpg">

<强>记住，

• 图像与引用它的文件位于同一目录中吗？
• 目录位于
目录下
• 目录上方？

“下面”和“上面”是指子目录和父目录。相对文件路径为我们提供了双向旅行的方式。看看我的原始示例：

以下是您需要了解的相关文件路径：

• 以“/”开头，返回根目录并从那里开始
• 以“../”开头向后移动一个目录并从那里开始
• 以“../../”开头，向后移动两个目录并启动 那里（等等......）
• 要继续前进，只需从第一个子目录开始并保持 前进

Answer 2

根据您的目录结构，正确的路径是

../Rezepte/GrilledFruitKebab.jpg

因为Rezepte目录高于你的html所在的级别。

Answer 3

尝试将\更改为/并删除第一个/

因为第一个位置的此符号将拍摄根文件夹中的图片。或者查看图片的许可。

您可以在此处查看更多相关信息：

以下是您需要了解的相关文件路径：

Quick Reminder About File Path

  

以“/”开头，返回根目录并从那里开始

     

以“../”开头向后移动一个目录并从那里开始

     

从“../../”开始向后移动两个目录并从那里开始（依此类推......）

     

要继续前进，只需从第一个子目录开始并继续前进

或HTML File Paths