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

Rick Wise
Rick Wise
4,034 Points
Posted by Rick Wise
Rick Wise
4,034 Points

I have no clue what this question is actually asking. I thought it meant to put those tags in the header. Help please!

I thought it just meant to place that info in the header but I am clearly not getting it. It seemed to be requesting me to move it from where it was to the top. Can some one help me think through what this is saying? This was the question that was asked in the challenge... "Place the ul, h1 and p elements at the top of the page inside an element that represents a group of introductory content."

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

3 Answers

Nicholas Grenwalt
Nicholas Grenwalt
46,626 Points
Nicholas Grenwalt
Nicholas Grenwalt
46,626 Points

Hey Rick,

For this challenge that tag they are looking for is the 'header' tag. Wrap the items it says with an opening and closing versions of that tag (**cough cough <header> </header>). Also delete any of the other code you added besides that. That should do the trick.

Shayne Laufenberg
Shayne Laufenberg
4,213 Points
Shayne Laufenberg
Shayne Laufenberg
4,213 Points

I can see how this question can cause some confusion based on how its worded. I personally would have said

Wrap the ul, h1 and p elements at the top of the page with an element that represents a group of introductory content.

I think it would cause less confusion for users on this question specifically but to answer your question, basically they are asking you to add some of the HTML5 elements you've learned to your webpage by wrapping some of your content inside HTML5 tags.

This is generally used to optimize better for search engines although its not completely necessary on a webpage its good knowledge and helps you better understand a structure of a webpage.

Here is my solution to the problem so you can see exactly what they were looking for. Hope this helps :)

Solution:

<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <header> 
      <nav>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Work</a></li>
          <li><a href="#">Contact</a></li>            
        </ul>
      </nav>
      <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>
Rick Wise
Rick Wise
4,034 Points
Rick Wise
Rick Wise
4,034 Points

Yes! Thank you to both of you! That was so painfully obvious, I'm not sure how I missed it...it's late! That's my excuse! :) I got the rest of the questions after that thank God!

Thanks for your help guys, have a good night!

Nicholas Grenwalt
Nicholas Grenwalt
46,626 Points
Nicholas Grenwalt
Nicholas Grenwalt
46,626 Points

Don't worry, we've all been there. haha Glad you got it Rick! Have a good night!