HTML HTML Basics Images, Text and Links Captioning Images

Can someone view my entire page an maybe give me some info on what i am missing please. Some links are not connecting

Can someone view my entire page an maybe give me some info on what i am missing please. Some links are not connecting like my ( Home, Contact, Address) tabs are not linking. Nor am I able to click on them as a link. Also my images are not coming in. I have made a new folder and placed all my images in the Images folder. Please help . Below is the index.html file I have done so far. I have yet to start adding my captioning images process.

<!DOCTYPE. html> <html> <head> <title>Experience VR</title> </head>

<body> <div> <header> <h1>Experience VR</h1> <p>A simple Blog about virtual reality experiences</p>

<nav>
  <ol>
     <li><a href"#">Home</a></li>
     <li><a href"#">About</a></li>
     <li><a href"#">Articles</a></li>
     <li><a href"#">Contact</a></li>
   </ol>
 </nav>
</header>

<div>
  <img src="img/featured.jpg" alt="Virtual reality user">
  <p>Virtual reality is becoming well known as a form of entertainment, But it's also finding it's ways into fields like education, industrial designs, Healthcare and so much more!</p>
  <a href="https://teamtreehouse.com/vr" target="_blank">Start your VR jounrney</a>
 </div>

<main>
  <section id="about">
    <h2>About This Site</h2>
    <p><span>Lorem ipsum dolor sit amet</span>, consectetur adipiscing elit. Suspendisse vehicula  metus in bibendum laoreat. Aenean laoreet est, egestas eu eros pretium, sodales iacules est.</p>
   <img src="img/vr-space,jpg" alt="User experiencing space in VR">
    </section>

<Section>
  <img scr="img/vr-space.jpg" alt="User experiencing space in VR" title="virtual reality                                                            users can explore faraway and feel as though they are right in the middle of the action.">
  <figcaption>Virtual reality users can explore faraway places and feel like they are                                                       right in the middle of the action.</figcaption>
   </Section>

 <section id="articles"> 
   <h2>Latest VR Articles</h2>

   <article id="vr article">
      <header>
        <h3>How schools use Virtual Reality to Improve Education</h3>
        <p>By: Nick Pettit</p>
       </header>
       <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>
<a href="articles/2019/article.html#vr-article">Read more</a>
<footer>Published: June 19 2017</footer>

</article>

<article> <header> <h3>The Advantages of VR stimulation</h3> <p>By: Author McAuthorFace</p> </header> <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> <a href="articles/2019/articles/article.html#vr-article">Read more</a> <footer>Pulbished: June 19 2017</footer> </article> </section>

 <section id="contact">
  <h2>Contact</h2>
   <p><strong>Email</strong>Email us at  coolvrexperincegmail.com</p>
   <p><strong>Phone</strong> 555-555-5555</p>
   <p><strong>Address</strong></p>
   <address>
      Experience VR<br>
      Virtual way<br>
      City, State 40215
  </address>
</section>

</main>

<aside>

<h3>Top VR Resources</h3> <ul> <li><a href="#">Learn to create 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> </ul> </aside>

<footer>
  <p>&copy;2019 Experience VR,The Blog</p>
</footer>

</div> </body> </html>

Check for typos and the correct path for you images.

1 Answer

Hey, you might want to checkout the Markdown Cheatsheet so you can display the code a bit clearer. From what I can tell the issue you're having is with the 'href' in your links. First its written

href"#"

instead of (you're missing the equal sign)

href="#"

second, it needs to contain a value that it will link to. For example in you nav your 'contact' link should link to your contact id like so.

href="contact"

Hope that helps.