0

我是新手,真的不知道如何表达我的问题。

所以在 VSCode 中,我正在尝试学习如何更好地组织我的文件。

我创建了名为 Views、Styles 和 Img 的新文件夹。然后我将 loginform.html 文件移动到视图中,将 loginform.css 移动到样式中,将图片移动到 Img 文件夹中。

现在这意味着由于我将 html、css 和图像移动到视图、样式和 img 文件夹中,我需要为任何图像或 css 链接重写或重新分配 html 中的代码路径。

例如,带有 img 标签的 html 文件现在读取(我添加了 Img 文件夹路径)但输出仍然给我一条 404 消息并且 html 没有加载

当我将文件移动到新文件夹中时,我需要在 html 和 css 文件中执行哪些步骤。抱歉,解释太长了,我想不出缩短它的方法,哈哈

4

1 回答 1

0

据我了解,您的树状结构如下所示:

root
|Views/
|----loginform.html
|Styles/
|----loginform.css
|Img/
|----image1.jpg
|----image2.jpg

如果你想引用loginform.cssfrom loginform.html,你需要写:

href="../Styles/loginform.css"

请注意"../"开头的 ,这意味着“离开 'Views' 文件夹,然后转到 styles/loginform.css”。您甚至可以组合多个 ../ ,例如"../../../"返回 3 个父文件夹。

您的错误href="Styles/loginform.css"是,您的 Views 文件夹(您的 HTML 所在的位置)中没有名为“Styles”的文件夹。您首先需要退出 Views 文件夹。

于 2020-06-23T00:32:22.953 回答