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 Structuring Your Content Grouping Content with <main> and <div>

Why are some items appearing red in my code such as </main>, </div>, </body>,</html>?

<!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>
    <ul>
      <li><a href="#">Home</a></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 known as a form of entertainment, but it's also finding its way into fields like education, industrial 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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vehicula metus in bibendum laoreet. Aenean libero est, egestas eu eros pretium, sodales iaculis est.</p>
    </section>

      <section>
      <h2>Latest VR Atricles</h2>

        <article>
      <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>
      <a href="article.html">Read More</a>
          </article>

        <article>
      <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>
      <a href="article.html">Read More</a>
        </article>

          <section>
    <h2>Contact</h2>
      <p>Email us at coolvrexperience@gmail.com</p>
    </section>
  </main>(this is red)

      <aside>
   <h3>Top VR Resources</h3>
  <ol>
     <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 buuildings and prodcts in VR</a></li>
     <li><a href="#">Use VR for teleconferencing and social media</a></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>



  <footer>
  <p>&copy;2017 Experience VR, The Blog</p>
  </footer>
  </div>(this is red)

</body>(this is red) </html>(this is red)

Sorry if my code is a bit messy!

3 Answers

Chad Sager
Chad Sager
7,598 Points

You're missing your double quotation marks("") between your tags I.E. li><a href="#">"Home"</a></li> <li><a href="#">"About"</a></li> <li><a href="#">"Articles"</a></li> <li><a href="#">"Contact"</a></li> </ul>

Thanks!

Tim Knight
Tim Knight
28,888 Points

Quinten,

The section that contains <h2>Latest VR Atricles</h2> doesn't have a closing tag of </section> anywhere. Make sure you close that section and that should correct the code errors you're seeing.

Thank you!

Hi Quinten,

Thanks for reaching out. Yes, Tim was right on this one.

Something that you may want to consider, should you not have done so, is to set up your Treehouse workspace to include the indent lines and line numbers. (Those are located under the View tab in workspaces.)

This way it may help you better notice when you leave off a closing tag. Don't worry, it happens to everyone!

Happy coding! :)