Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Basics Images, Text and Links Captioning Images

Posted by Jasmine Goff
Jasmine Goff
2,621 Points

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>

Jorge Flores
Jorge Flores
2,207 Points

Check for typos and the correct path for you images.

1 Answer

Jorge Flores
Jorge Flores
2,207 Points
Jorge Flores
Jorge Flores
2,207 Points

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.