什么是我自己的图像的正确img src，而不是从其他网站借来的？

Question

在我的计算机上，保存我的.css和.html文件的文件夹中还包含一些我想在html中插入的图像。如果我从其他网站借用它，我理解如何获取图像的URL。如何获取我文件夹中但尚未上网的图像的网址？我是否必须将图像上传到其他网站才能获得链接？

我也明白我应该使用头部的基本标签为html中的相对网址提供链接，但在这个阶段，我没有包含图像的链接。

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"/>

Answer 2

很简单。对于图像，它们基于您的相对目录位置（或者您可以简单地给出图像的整个URL）。例如，假设你有一个像这样的文件结构：

• website.html
• myImage.png

要访问图像，您只需：

<img src="myImage.png" ... />

当有子目录时，您只需进入该文件夹即可获取图像：

• website.html
• [子目录]
• ---＆GT; myImage.png

然后我们可以这样做：

<img src="subFolder/myImage.png" ... />

使用..移回文件夹：

• myImage.png
• [子目录]
• ---＆GT; website.html

例如：

<img src="../myImage.png" ... />

Answer 3

src属性中的链接是图像的文件路径。 如果它在互联网上，那么它相对较长，因为你指的是互联网上的路径。

在您的情况下，src的路径应该只包含图像的文件名，因为它与html和css文档位于同一文件夹中的路径相同。

因此，<img src='imagename.jpg'>会这样做，您不必将该图像上传到互联网。