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

kachikwu christopher
kachikwu christopher
843 Points
Posted by kachikwu christopher
kachikwu christopher
843 Points

Place the ul, h1 and p elements at the top of the page inside an element that represents a group of introductory content

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

3 Answers

Joe Nguyen
Joe Nguyen
25,189 Points
Joe Nguyen
Joe Nguyen
25,189 Points

All you need to do is place a header tag between all those tags in the question like this

<header>   //here 

    <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> //and here
nick black
nick black
5,578 Points
nick black
nick black
5,578 Points

It is helpful to go back and watch the videos again if you're becoming stuck in a section. I know the allure of speeding through the videos wanting to get information under your belt and feel like you're getting somewhere--but you can't trade the value of slowing down and really learning something.

deebird
deebird
7,558 Points
deebird
deebird
7,558 Points

A <header></header> is used for introductory content