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

Peter Retvari
Peter Retvari
2,566 Points
Posted by Peter Retvari
Peter Retvari
2,566 Points

Don't understand the challenge. Where should I put ul,h1,p tags?

Dears, could you help me with this challenge? I don't understand the order. Where should I put ul,h1,p tags? What could be an introductory element? after the navigation menu? What is the exact solution ?

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

    <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>
Gustavo Winter
Gustavo Winter
Courses Plus Student 27,382 Points
Gustavo Winter
Gustavo Winter
Courses Plus Student 27,382 Points

For this challanger, you need to create a header element, and insede put the tags that the challanger are asking for.

  <header>
     // The code goes here
  </header>

3 Answers

Travis Batts
Travis Batts
4,031 Points
Travis Batts
Travis Batts
4,031 Points

So I can see why this challenge can be a little confusing... So I'll try to break it down a little further for you. This challenge has everything you need written for you, but there is a key element missing that should be used to contain the "introductory elements". The <header> element is missing. Think of the <header> element as the element that encases your main-nav (which is the <ul>) your main <h1> and some kind of slogan or phrase which in this case is the <p> tag. It's important to use your <header> because it definitely helps with the flow of your HTML and will definitely make for a cleaner and more readable mark up.

Peter Retvari
Peter Retvari
2,566 Points
Peter Retvari
Peter Retvari
2,566 Points

Many thanks for your quick and proper help

Peter Retvari
Peter Retvari
2,566 Points
Peter Retvari
Peter Retvari
2,566 Points

one part of the challenge was not clear for me (because it's not my native language): "at the top of the page inside an element " - I thought that element is already there :) but this element is the "header tag itself. now it's ok. you helped a lot! thanks again

Travis Batts
Travis Batts
4,031 Points
Travis Batts
Travis Batts
4,031 Points

Absolutely, glad I could help.

Kelly Eustice
Kelly Eustice
529 Points
Kelly Eustice
Kelly Eustice
529 Points

I was just about to ask the same question! So glad you asked Peter haha! I have been staring at my screen blankly for a good 10minutes trying to understand it! I will see if I can do the challenge now. Thanks