Get 404 error msg when clicking read more in "index.html" file:///home/chronos/u-c9db23cb671bf01e2ec15403af18027282e1c13

Question

file:///home/chronos/u-c9db23cb671bf01e2ec15403af18027282e1c131/Downloads/Screenshot%202018-10-14%20at%2023.41.13.png

Here is the link to the screenshot I took on my chromebook. The URL I have in the browser that should link to the article when you click on the main page isn't working. I have stumped on this. Any help would be appreciated.

<!doctype html> <html> <head> <title> Experience VR </title> </head> <body> <div> <header> <h1> Experience VR</h1> <p>A <em>simple </em> blog about virtual reality experiences</p> <ul> <li> <a href="#home"> Home</a> </li> <li> <a href="#about"> About</a> </li> <li> <a href="#articles"> Articles</a> </li> <li> <a href="#contact"> Contact </a> </li> </ul> </header> <div> <img src="img/featured.jpg" alt="virtual reality user"> <p> <strong>Virtual reality</strong> is becoming well known as a form of entertainment, but it's also finding it's way into fields like education, industrial design, health care and so much more! </p>

   <a href="https://teamtreehouse.com/vr" target="_blank"> Start your VR Journey </a>
   </div>

   <main>
   <section id="about"> 
   <h2> About this site </h2>
     <p>mfoviuefsmofwesdigvne;oflmnsofsmc </p>
     <figure> 
     <img src="img/vr-space.jpg" alt="user experiencing space in VR"> 
       <figcaption> Virtual reality users can explore far away places and feel as though they are right in the middle of the action</figcaption>
       </figure>
   </section>
   <section id="articles"> 
       <h2> Latest VR Articles </h2>
         <article>
           <header> 
           <h3> How schools use virtual reality to improve education </h3>
           <p> By: Angela Edwards </p>  
           </header>
           <p> foviuefsmofwesdigvne;oflmnsofsmc </p>
           <a href="articles/2018/article.html#VR-article"> Read More </a>
           <footer> Published October 11, 2018</footer>
         </article>

         <article>
           <header>
           <h3> The advantages of HR emulation </h3>
             <p> By: Jane Doe FBI</p>  
             </header>
             <p> foviuefsmofwesdigvne;oflmnsofsmc </p>
             <a href="articles/2018/article.html"> Read More </a> 
             <footer> Published October 12, 2018</footer>
            </article>

       </section>

         <section id="contact">
             <h2> Contact Us </h2>
           <p> <strong>Email</strong> us at coolvrexperiences@gmail.com  </p>
           <p>
             <strong> Phone: 555-123-4567</strong>
           </p>
           <p> 
           <strong> Address:  
             </strong>
           </p>
         <address>
           Experience VR <br> 
           2018 Virtual Way<br>
           Beverly Hills, CA 90210  
           </address>
           </section>

         </main>
       <aside>
                        <h3>Top VR Resources </h3>
       <ol>
              <li> <a href="#"> Learn to create top educational experiences in VR  </a> </li>
              <li> <a href="#">Virtual Reality in Entertainment </a> </li>
              <li> <a href="#">Interact with Buildings and Products in VR </a> </li>
              <li> <a href="#"> Use VR for teleconferencing and social media </a> </li>
         </ol>
        <hr> 
         <blockquote >Virtual reality was once the dream of science fiction. But the internet was also once a dream, and so were computers and smartphones. The future is coming
           <footer> 
           - <cite><a href="https://www.facebook.com/zuck/posts/10101319050523971" target="_blank"> Mark Zuckerberg </a> </cite> </footer>  </blockquote>

     </aside>

   <footer> 

   <p> <small> &copy; 2018 Experience Vr, The Blog </small> </p>


   </footer>
   </div>
 </body>

</html>

Answer 1 · 2018-10-17T04:43:44Z

October 17, 2018 4:43am

I can only make a speculation to what you're facing after reviewing the class you're working on.

'''<a href="articles/2018/article.html"> Read More </a> '''

Should be:

'''<a href="articles/2017/article.html"> Read More </a>'''

OR in my case, the 'articales/2017/' folder(s) was removed and articale.html was put into one root folder:

'''<a href="/article.html"> Read More </a>'''

Hope this helps you.

Answer 2 · 2018-10-15T20:31:07Z

October 15, 2018 8:31pm

Let's fix your screenshot first!

file:///home/chronos/u-c9db23cb671bf01e2ec15403af18027282e1c131/Downloads/Screenshot%202018-10-14%20at%2023.41.13.png

If I had your Chromebook right in front of me, that file path would be fine as it would tell me exactly where to look for your screenshot. Unfortunately, I'm on the other side of the internet, so a local file path that points to a location on your device is no use. To solve this, you just need to upload it to a third-party site, that will provide you with a URL that you can use instead of the local file path.

I think what you were expecting to happen was that the image would have been automatically uploaded to this site when you used the file path from your Chromebook... but that's not quite how it works!

For uploading screenshots, I recommend using Imgur as it's free and reliable. You don't need to create an account to use it but doing so allows you to manage all of your screenshots in the same place and makes life easier. If you're planning on uploading lots of screenshots (or any kinds of images) in forums, I'd recommend taking a minute to create an account.

This link will take you directly to Imgur's image upload page:

https://imgur.com/upload

The format you need in order to get your screenshot to show up here is as follows:

![alt tag](https://i.imgur.com/(update this using what Imgur give you).jpg "Image name")

Once we can see the screenshot that you tried to embed in your question, it will be easy to help you!

Welcome to the Treehouse Community

Looking to learn something new?

Angela Edwards

Angela Edwards

Get 404 error msg when clicking read more in "index.html" file:///home/chronos/u-c9db23cb671bf01e2ec15403af18027282e1c13

2 Answers

Darrin Virginiak

Darrin Virginiak

Daniel Hall

Daniel Hall