html - 对于我自己的而不是从其他网站借用的图像，正确的 img src 是什么？

Question

在我的电脑上，保存我的 .css 和 .html 文件的文件夹还包含一些我想插入到我的 html 中的图像。如果我从另一个网站借用图像，我知道如何获取图像的 url。我如何获取文件夹中但尚未在 Internet 上的图像的 url？我是否必须将图片上传到其他网站才能获得链接？

我也明白我应该在 head 中使用 base 标签来为我在 html 中的相对 url 提供链接，但在这个阶段，我没有包含图像的链接。

Answer 1

假设您的网页 (.html) 位于 C:\Project\index.html。

您可以将您的图片放在与网页相同的路径下，并使用相对路径:

<img src="img.jpg"/>

或者如果它在其他路径中，更像是您的网络根目录的某个子文件夹:C:\Project\images:

<img src="/images/img.jpg"/>

如果图像文件位于 index.html 的父文件夹中，请使用:

<img src="../img.jpg"/>

最后一个用法是使用绝对路径，不推荐:

<img src="C:/Project/images/img.jpg"/>