title: How do you reference back to a parent folder in html?
body: <p>I'm having trouble referencing back to parent folders using html. Here is a picture of my folder:</p>
  <p><a href="https://i.stack.imgur.com/eGZDd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eGZDd.png" alt="folder pic" /></a></p>
  <p>The below code is index.html:</p>
  <pre><code>&lt;html&gt;
          &lt;title&gt;HTML Experiments&lt;/title&gt;
          &lt;h1&gt;This is a website that I made&lt;/h1&gt;
          &lt;ul&gt;
              
              &lt;li&gt;Here is another file: &lt;a href=&quot;InsideTheRootFile1.html&quot;&gt;another file&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;Here is an extra file: &lt;a href=&quot;extras 1/insideextras.html&quot;&gt;extras&lt;/a&gt;&lt;/li&gt;
              
          &lt;/ul&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Here is insideextras.html:</p>
  <pre><code>&lt;html&gt;
          &lt;h1&gt;it worked!&lt;/h1&gt;
          &lt;p&gt;here you can go back to index: &lt;a href=&quot;.../index.html&quot;&gt;index&lt;/a&gt;&lt;/p&gt;
  &lt;/html&gt;
  </code></pre>
  <p>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?</p>