图片的相对文件路径

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

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

因为第一个位置的这个符号会在你的根文件夹中拍摄图片。或者看看图片的权限。

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

以下是您需要了解的有关相对文件路径的全部信息：

Quick Reminder About File Path

Starting with "/" returns to the root directory and starts there

Starting with "../" moves one directory backwards and starts there

Starting with "../../" moves two directories backwards and starts there (and so on...)

To move forward, just start with the first subdirectory and keep moving forward

或HTML File Paths

Answer 2

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

../Rezepte/GrilledFruitKebab.jpg

因为 Rezepte 目录比您的 html 目录高一级。

Answer 3

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

记住，

"below" 和 "above" 是指子目录和父目录。相对文件路径为我们提供了一种双向旅行的方式。看看我的原始示例：

以下是您需要了解的有关相对文件路径的全部信息：

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

图片的相对文件路径

Relative File Path For a Picture

html

css

relative-path