在我的计算机上，保存我的 .css 和 .html 文件的文件夹还包含一些我想插入到我的 html 中的图像。如果我从另一个网站借用图像，我了解如何获取图像的 url。如何获取位于我的文件夹中但尚未在 Internet 上的图像的 url？我是否必须将图像上传到另一个网站才能获得链接？
我也明白我应该使用头部的基本标记来为我在 html 中的相对 url 提供一个链接，但在这个阶段，我没有包含图像的链接。
【问题讨论】：
假设您的网页（.html）位于C:\Project\index.html。
您可以将图片放在与网页相同的路径中，并与相对路径一起使用：
<img src="img.jpg"/>
或者如果它在其他路径中，更像是您的 Web 根目录的某个子文件夹：C:\Project\images:
<img src="/images/img.jpg"/>
如果图像文件位于 index.html 的父文件夹中，请使用：
<img src="../img.jpg"/>
最后一个用法是使用绝对路径，不推荐：
<img src="C:/Project/images/img.jpg"/>
【讨论】：
/ 开头的 URL 相对于 服务器根。处理本地文件时，没有服务器根目录（除非您安装了 HTTP 服务器并实际处理其上的文件）。
这很简单。对于图像，它们基于您的相对目录位置（或者您可以简单地给出图像的整个 URL）。例如，假设您有这样的文件结构：
要访问图像，您只需：
<img src="myImage.png" ... />
当有子目录时，您只需进入文件夹即可获取图像：
那么我们可以这样做：
<img src="subFolder/myImage.png" ... />
使用.. 移回文件夹：
例如：
<img src="../myImage.png" ... />
【讨论】：
src 属性中的链接是图片的文件路径。 如果是在 Internet 中，则相对较长，因为您指的是 Internet 中的路径。
在您的情况下， src 的路径应该只包含图像的文件名，因为它与位于同一文件夹中的 html 和 css 文档位于同一路径中。
所以，<img src='imagename.jpg'> 可以，您不必将该图像上传到互联网。
【讨论】：