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

Posted by Zachary Eckstein
Zachary Eckstein
793 Points

Where would be the correct place to use the <section> tags?

Place the content between the header and footer inside an element that groups together related sections of content.

I tried placing <section></section> tags after the <header> tag and before the <footer> tag and it said it was incorrect.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <header>
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
    </header>

    <h2>Welcome</h2> 
    <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
    <ul>
      <li><a href="#">Recent project #1</a></li>
      <li><a href="#">Recent project #2</a></li>
      <li><a href="#">Recent project #3</a></li>     
    </ul>

    <footer>
    <p>&copy; 2017 My Portfolio</p>
    <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
    </footer>
  </body>
</html>

2 Answers

brandon downs
brandon downs
11,577 Points
brandon downs
brandon downs
11,577 Points

Without seeing the code that you tried, it's hard to say what you did wrong.. from your description of what you did, sounds like you did it right. Maybe you had a simple syntax or spelling error.

Here is my code 

<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>


    <header>
     <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
     <h1>My Web Design &amp; Development Portfolio!</h1> 
     <p>A site featuring my latest work.</p>
    </header>

    <section>
     <h2>Welcome</h2> 
     <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
     <ul>
      <li><a href="#">Recent project #1</a></li>
      <li><a href="#">Recent project #2</a></li>
      <li><a href="#">Recent project #3</a></li>     
     </ul>
    </section>

<footer>
    <p>&copy; 2017 My Portfolio</p>
    <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>



 </footer>
  </body>
</html>

<!-- sorry if my indenting is off, I answered this on my cell phone. It was difficult -->

Zachary Eckstein
Zachary Eckstein
793 Points

Thank you very much, this was very helpful.

Steven Parker
Steven Parker
231,248 Points
Steven Parker
Steven Parker
231,248 Points

Did you just create an empty section by putting both tags together, or did you enclose the content between them? The challenge is asking you to do the latter.

Zachary Eckstein
Zachary Eckstein
793 Points

I was putting the opening and closing section tags in the wrong place but thank you very much.