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 Nicholas Blackmon
Nicholas Blackmon
3,582 Points

None of tags satisfy challenge

Nothing that I have tried on this challenge has worked, despite trying all of the tags from the previous video and following the directions

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>
    </nav>
    <article>
    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
    </article>
    <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>
Tobias Erich
Tobias Erich
Courses Plus Student 2,980 Points
Tobias Erich
Tobias Erich
Courses Plus Student 2,980 Points

Inside the body tags, you can structure your content in 3 different "main" content sections.

<header> <main> <footer> . Try to figure out in which content section the first <ul> <h1> and <p> element belongs.

The second part, covering the <ul> in a <nav> tag, is correct.

1 Answer

Katie Wood
Katie Wood
19,141 Points

Hello there,

You're on the right track with the <nav> tag and it's placed correctly - the first step of the challenge is asking for something a bit different, though. It is asking for the tag that would be appropriate to group that nav list and the following <h1> and <p> tags all together, in a single tag. While the <nav> tag is used correctly here, it actually asks for it later in the challenge.

The tags you'll need before then are <header>, <section>, and <footer>. It's worth noting that <article> is generally used for an actual article like you might find on a news site or blog, rather than a regular header-paragraph combination.

To get you started, the first section of code should look like this after the first step of the challenge:

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