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 Jacob Byrnes
Jacob Byrnes
2,524 Points

I placed a nav tag before the ul and after the closing p tag, yet am still not getting the right answer. What's missing?

Coding Challenge for Structuring Content

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <nav>
      <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>
    </nav>

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

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

OK, I can see why this question would be a bit confusing. In this instance, since the tag is including a navigation menu AND the <h1> and <p> descriptions of the website content, a <header> tag is more appropriate. Think of it this way: On many basic landing pages at the top of the page there is perhaps a logo, a site description, and possibly a navigation menu, <header> is used to categorize all that info at the top of the page. The <nav> tag specifically refers just to the navigation (in this case, the <ul>. Hope this helps!

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

1 Answer

Simon walters
PLUS
Simon walters
Courses Plus Student 8,962 Points
Simon walters
Simon walters
Courses Plus Student 8,962 Points

Hi Jacob

The reason you are struggling with this question is because you have the <header> element tags missing from your code. From what i can see, your code is pretty much there, just insert an <header> element below your <body> element and before your <nav> element. I have attached a copy of your code but corrected for you to see! I hope this helps. 

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