HTML HTML Basics Images, Text and Links Understanding File Paths

File path "read more" is not found>

In file path. my read more is not found?

I dont understand

12 Answers

Jamie, Thanks for the help.

Doug

<!doctype htlm> <html> <head> </head> <title>Experince VR</title> <body> <div> <header> <h1>Experince VR</h1> <p>A simple blog about virtual reality experiences</p> <nav> <ul> <li><a href="../index.html"></a>Home</li> <li><a href="#">About</a></li> <li><a href="#">Articles</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <div> <p>Virtual Reality is becoming well knownn as a formof entertainment but it's also finding its way into fields like education, industral design, healthcare and so much more! </p>

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

<main>
<section>
  <h2>About this site</h2>
  <p>Place holder Text</p>
</section>
<section>
  <h2>Latest VR articles</h2>
<article>
  <header>
    <h3>How schools use Virtual Reality to improve education</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget   porta.    Etiam nulla massa, pretium et massa nec, ornare dignissim nisi.</p>
    <p>By Nick Pettit</p>
    </header>
  <a href="ARTICLES/article.html">Read More</a>
  <footer> Publish: June 12, 2017</footer>



     The Advantages of VR simulation
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget porta.      Etiam nulla massa, pretium et massa nec, ornare dignissim nisi.
      Resources
     <a href="ARTICLES/article.html">Read More</a>
  <footer> Publish: May 25, 2017</footer>
    </article>
</section>
<article>
  <header>

<h3>The advantages of VR simulation</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget porta. Etiam nulla massa, pretium et massa nec, ornare dignissim nisi.</p> <p>By Author Mc Aurthor</p> </header>

<a href="ARTICLES/article.html">Read More</a>
</article>
  <footer> Publish: April 19, 2018</footer>
  <section>
<h2>Contact</h2>
  <p>Email us at CoolVRexperience@gmail.com</p>
</section>

<h3>Top VR Resources</h3>

</main>

<aside> <ol> <li>Learn to create educational experiences in VR</li> <li>Virtual Reality in Entertainment</li> <li>Interact with buildings and products in VR</li> <li>Use VR for teleconferencing and social media</li> </ol> <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">Mark Zuckerberg</a></cite>"
</footer> </blockquote> </aside>

<section>
<h2>Contact</h2>
  <p>Email us at CoolVRexperience@gmail.com</p>
</section>
<footer>
<p>&copy; 2019 Experience, The Blog</p>
</footer>

</div>

</body> </html>

Jamie Reardon
Jamie Reardon
Front End Web Development Techdegree Student 13,857 Points

Do you have the folder path named ARTICLES? and is it directly in the same folder as the index.html page? Also, why all uppercase? I have also noticed that you have incorrectly misspelled the doctype element at the top of your html page.

You have:

<!DOCTYPE htlm>

Replace with:

<!DOCTYPE html>

HTML corrected, thanks. My file structuer is jacked, the reason for the ARTICLES, as I am unable to correct it?

I believe the files are there, I am having a diffucilt time with this.

Thanks again

Doug

Jamie Reardon
Jamie Reardon
Front End Web Development Techdegree Student 13,857 Points

Can you explain your file structure for all of the files of this project? It is hard for me to answer without a clear picture of how you have layed out your project, that way we can get to the bottom of the file path if it is incorrect or not.

That is the problem. I have made mistakes and there is no way to edit the thing?
I have mess this up bad!

It goes like this ARTICLE 2017 article.html index.html

Plus all the mistakes in this Root

How can I show this to you?

Yes....Articles goes into 2017 where index.html and aticles.html are located!

Thanks again for your help. my code is messed up.

Doug

Jamie Reardon
Jamie Reardon
Front End Web Development Techdegree Student 13,857 Points

Okay so you have ARTICLES / 2017 / index.html and articles.html. Is the articles.html the file you are using for the read more link? If so, you have misspelled it within the href attribute of your anchor element. If the file is named articles.html you need to make sure that the link is also articles.html not article.html like in your above HTML code.

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

Also, you don't need to have the ARTICLES folder before the name of the file you are pointing to, if that is the case, then it is searching for a file named articles.html within the folder ARTICLES which I am guessing you don't have it there as its in a sub-directory named 2017 right?

I copied and pasted and I get the same error code?

Jamie I am greatful for your help. I do not know how I will ever fix this problem.

Unfortunately, I have to leave this until tomorrow. I will check in tomorrow and continue to fix this problem and move forward.

thanks

Doug

it goes ARTICLES <2017 index.html articles.html

If that is what you are asking..

Thanks for your help.

I will keep trying tomorrow.

Doug

Jamie Reardon
Jamie Reardon
Front End Web Development Techdegree Student 13,857 Points

You will get the same error code if your index.html page and articles.html (if presumably spelt the same way) are not in the same folder. If they are in separate folders you need to replace the link it is pointing to. I can help you out with that if you can provide me this information.

Hi Jamie. Im back. I will check out where these are and let you know what happened.

Thanks Again

Doug

I had the same issues, my mistake was that the file article.html wasn't actually moved in the article files, while with the initial example was working just fine, when the folder was created kept on having the same issue even if the code was right, please double check if the HTML file is in the actual directory. It may be to late, but hopefully it will help others