如何使用正确的img src指向自己的图片而非其他网站？

Question

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

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

- cphil

---

如果您的图像与 .html 文件位于同一文件夹中，那么在 .html 文件上显示图像的正确方法是 **<img src="image.jpg">**。 - Amit Verma

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

- Bandon

---

您IP地址为143.198.54.68，由于运营成本限制，当前对于免费用户的使用频率限制为每个IP每72小时10次对话，如需解除限制，请点击左下角设置图标按钮（手机用户先点击左上角菜单按钮）。 - Jukka K. Korpela

是的，我在谈论网站根目录，但还是谢谢你的建议！ - Bandon

Answer 2

很简单。对于图片，它们是基于相对目录位置的（或者你可以直接给出整个图片的URL）。例如，假设你的文件结构如下所示：

• website.html
• myImage.png

要访问该图片，你只需要执行以下操作：

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

当存在子目录时，只需进入文件夹即可访问图像：

• website.html
• [subFolder]
• ---> myImage.png

然后我们可以执行以下操作：

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

使用..返回上一级文件夹：

• myImage.png
• [子文件夹]
• ---> website.html

例如：

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

- Spencer Wieczorek

Answer 3

在src属性中的链接是图像文件的路径。如果是在互联网上，由于您正在引用互联网上的路径，因此它相对较长。

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

所以，<img src='imagename.jpg'>就可以了，您不必将该图像上传到互联网上。

- Ian Jay