如何将一个html页面链接到另一个文件夹中的另一个页面

时间:2019-07-09 23:32:35

标签: javascript html css atom-editor

无法将页面“ index2.html” 0从“ rock-paper-scissors-game2”文件夹链接到“ digital-clock”文件夹中的“ index.html”。不确定代码是否错误或其他原因。

顺便说一句,我正在使用Atom,但我不知道还要尝试什么,因为链接的代码看起来正确。

<a href="rock-paper-scissors-game2/index2.html"> Game </a>

当我在chrome中运行它时,出现文件未找到错误。

未找到您的文件,它可能已被移动或删除。 ERR_FILE_NOT_FOUND

2 个答案:

答案 0 :(得分:1)

要链接到网站结构内的另一个文件,应使用relative references。相对均值,相对于当前加载的资源。

要访问同一文件夹中的内容:只需使用文件名:

<a href="file.html">Click Me<a>

要访问子文件夹中的内容,请执行以下操作:以子文件夹名称,斜杠和文件名开头:

<a href="childFolder/file.html">Click Me<a>

要访问从网站根目录开始的内容,请以正斜杠开头:

<a href="/pathToFile">Click Me<a>

要访问父文件夹中的内容,请以两个点和一个正斜杠开头:

<a href="../file.html">Click Me<a>

要访问以上各项的组合(例如兄弟文件夹),您需要上级到父级,然后下到正确的子级:

<a href="../digital-clock/index2.html">Click Me<a>

作为确保文件存在的初步测试,请暂时将其与当前页面放置在同一文件夹中,并查看我显示的第一个示例是否可行。如果没有,那么您遇到的问题与您想象的不同。

接下来,您提到index2.htmldigital-clock文件夹中,但是您没有在链接中引用该文件夹,因此请确保将其包括在内。但是,取决于该文件夹的位置,将决定您需要使用上面显示的哪种方法。

答案 1 :(得分:0)

这应该有效 <a href="../rock-paper-scissors-game2/index2.html">Game</a>