Question

我才刚刚开始学习HTML和CSS，并且正在尝试设计一个基本的网站。我一直在尝试使用以下方法在不同的本地网页之间建立链接： <a href="Subpages/Our product/Contact.html">Contact Us</a>，它起初确实很好用，但是当我尝试使用更多链接时，它们开始堆叠，导致目录不存在。

例如：

使用的第一个链接： file:///C:/Users/Desktop/WebPage/Main/Subpages/Contact.html，但是当我使用另一个链接时，它变成了这样：

使用了第二个链接： file:///C:/Users/Desktop/Webpage/Subpages/contact/Webpage/Main.html而不只是 file:///C:/Users/Desktop/Webpage/main.html

Answer 1

欢迎您！

看起来您正在使用计算机根目录中的文件路径，而不是html项目文件夹中的文件路径。在html项目上工作时，所有内容都可以包含在html项目文件夹中，包括在html项目文件夹中写入文件和子文件夹的路径。

这是展示路径链接的基本文件夹结构：

[project-folder]
↳[pages]
  ↳about.html
  ↳index.html
↳[scripts]
  ↳script.js
↳[stylesheets]
  ↳style.css

在index.html页中，如果要使用定位标记链接到about.html页：<a href="about.html">To about page</a>

如果您想链接index.html和stylesheet file，也可以在JavaScript file页面上

<link rel="stylesheet" type="text/css" href="../stylesheets/style.css">

<script type="text/javascript" src="../scripts/script.js"></script>

路径中的../表示您退出当前文件夹（pages），然后scripts/表示您输入scripts文件夹。

我将快速介绍一下html file paths tutorial，以使您对该主题更加熟悉。

希望这会有所帮助！继续吧！：）

本地页面之间的HTML链接不正确

1 个答案: