Question

所以我对html相当新，所以我总是将所有内容保留在同一个文件夹中，这样我就不必将内容链接起来，而是为自己和投资组合制作一个专业的网站。所以我想正确排序我的文件。

所以假设我有一个名为网站的文件夹，然后在该文件夹中我有3个文件夹，html，css和图像。我的html文件在html文件夹中，我该怎么做才能链接html文件夹中html文件夹中images文件夹中的图像。请注意，图片不是html的子文件夹，它们都是网站的子文件夹。

任何帮助都是有帮助的（我知道自我解释）

Answer 1

如果html文件夹和图像文件夹是兄弟，则从html文件夹中的文件到images文件夹中的资源的路径如下所示：

“../图像/ mypic.jpg”

Answer 2

您可以通过添加img标记在html页面中执行此操作：

<img src="../images/yourImage.png" alt="" />

但更好的方法是使用CSS：

<img alt="" />

img {
    background-image: url("../images/yourImage.png");
}

请注意，“../”用于从html页面或css文件的当前目录上升一级。

Answer 3

您可以使用/添加您的网址，这将始终引用您网站的根文件夹。

假设yoursite.com加载website的文件夹内容，您可以链接到images目录中的文件，如下所示：

/images/image.jpg将产生http://yoursite.com/images/image.jpg

示例： <img src="/images/image.jpg" />

Answer 4

链接可以通过各种方式工作，无论是从根目录：

<a href="http://www.yourdomain.com/images/image.jpg">

或者，一旦您在管理文件夹方面获得更多经验，您可以将它们设置得更加动态（使它们自动处理实时/开发转移）：

<a href="images/image.jpg">

这有帮助吗？

PS：html或public_html文件夹通常是您拥有主机的根，这意味着您不需要在路径中包含此内容。请考虑您的功能索引文件是根文件夹。

Answer 5

你可以使用..转到上一个文件夹。在你的情况下，当指向html文件中的图像路径时，你可以按照下面的说明进行操作。

Answer 6

如果图像位于同一文件夹中，则只需使用：

<img src="image.jpg">

如果图像位于子文件夹中，则只需使用：

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

如果图像位于父文件夹中，则只需使用：

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

或者它只是位于父文件夹

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