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 Structuring Content Challenge

can somebody help me about this question?

I dont understand what am I suppose to do?

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

  <body>
    <header>
      <section>
      h1>Experience VR</h1>
      <p>A simple blog about virtual reality experiences</p>

      <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>
   <section>
     </header>

    <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>

    <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>


      <h2>Latest VR Articles</h2>

      <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="#">Read more</a>

      <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="#">Read more</a>


    <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 buildings and products in VR</a></li>
      <li><a href="#">Use VR for teleconferencing and social media</a></li>
    </ol> 


      <h2>Contact</h2>
      <p>Email us at coolvrexperience@gmail.com</p>


    <footer>
      <section>
      <p>&copy;2017 Experience VR, The Blog</p>
        </section>
    </footer>
  </body>
</html>

4 Answers

Shay Paustovsky
Shay Paustovsky
969 Points

Hi Berkan,

I've noticed a few errors inside your code:

  1. footer & header tags should not include <section> elements inside them, because footer & header already represent sections of content <header> - Introductory content, major navigation links, logo, etc... <footer> - Legal information, copyrights, secondary navigation, social media links and etc.... <section> - Represents standalone sections of content between the <header> & <footer> sections of a document.
  2. I've noticed in the code challenge that there is an unordered list, but in your code there was an ordered list.
  3. There are no <nav> tags wrapping the <ul> in the <header> of the document

Here's how I solved it, use it as a reference in the future

https://imgur.com/mxKBkAm

thank you but the image isnt open can you send me messsage solved problem image from facebook please I really be grateful thank you https://www.facebook.com/Berkan995

I Dilate
I Dilate
3,983 Points

Hi Berkan,

You have an <h1> tag that is broken...

h1>Experience VR</h1>

Should be

<h1>Experience VR</h1>

Furthermore, Shay provides you the necessary advice you need to complete the challenge.

  • The challenge states: Place the content between the header and footer
  • The key word here is: between

Imagine your web page as like a piece of paper.

Now imagine on that piece of paper you're trying to make a template for a standard business letter.

A business letter will typically contain...

  • A header (a panel at the top that contains a logo and some important information)
  • Content Goes Here (a large central panel that contains the primary content of your page)
  • A footer (a panel at the bottom containing any supplementary info)

A website is often structured in exactly the same way - we use a header to store a logo and navigation at the top, a footer to store some copyright information, and we put all our content in between.

For the big content area in the middle, you'll often want to cut this up into individual sections to break up the page and make it easy for a viewer to understand. To do this, in HTML5 we use the <section> tag.

So, going back to your code challenge, they asked you to insert some sections between the header and footer.

As per Shay's advice, you're aiming to reach a structure that looks like this...

<header>
   <!-- All of your header content goes in here - but you don't need to divide it into sections -->
</header>


<section>
   <!-- Content you want to put into your first section -->
</section>

<section>
   <!-- Content you want to put into your second section -->
</section>

<section>
   <!-- Content you want to put into your third section, and so on -->
</section>


<footer>
   <!-- All of your footer content goes in here - but you don't need to divide it into sections -->
</footer>

Can you see how I've placed 3x sections, between the header and footer on my page?

The phrasing of the challenge could be a little confusing for someone who's seeing an HTML page for the first time. It's easy to imagine that they may want us to place <sections> between <header> and </header>, and then do the same between <footer> and </footer>. But that's not the case here - if that was indeed the challenge, they'd ask you to place sections between your opening header tag and closing header tag, and repeat for footer. Instead, they're asking you to do everything you need to do between the two.

Hopefully this makes a little more sense now.

But don't sweat - it's an easy mistake to make. As you get used to the typical structures of an HTML page, this will all become second nature to you. So stick with it and you'll be building your own site in no time.

I really thank you for everybody but I still cant fix the problem can somebody fix it and print screen the problem please if somebody fix it I really be grateful thank you

I Dilate
I Dilate
3,983 Points

Your question relates to the "Marking up a Blog Post" code challenge, right?

You haven't actually told us what the problem you're facing is. You just say it doesn't work... can you explain what that means?

Can you also paste a link to a snapshot of the Workspace you're using for this please?

If you haven't created a snapshot before, in your Workspace for this project, see the dark grey icons in the top right corner - click the left-most one (looks like a briefcase with a dot in the middle). It says "Snapshot Workspace" when you hover your mouse pointer over it. Just paste the link it creates here so we can see it properly.