I’m having trouble referencing back to parent folders using html. Here is a picture of my folder:
The below code is index.html:
<html>
<title>HTML Experiments</title>
<h1>This is a website that I made</h1>
<ul>
<li>Here is another file: <a href="InsideTheRootFile1.html">another file</a></li>
<li>Here is an extra file: <a href="extras 1/insideextras.html">extras</a></li>
</ul>
</html>
Here is insideextras.html:
<html>
<h1>it worked!</h1>
<p>here you can go back to index: <a href=".../index.html">index</a></p>
</html>
Index.html works OK and I can access insideextras.html from there, but when I try to go back to index.html it doesn’t work. Any suggestions?
>Solution :
You got an extra dot.
Just fix
<p>here you can go back to index: <a href=".../index.html">index</a></p>
to
<p>here you can go back to index: <a href="../index.html">index</a></p>