HTML HTML Basics Structuring Your Content Structuring Content Challenge

Alexander Salazar
Alexander Salazar
3,456 Points

I'm uncertain where to put these elements?

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

I understand what these elements do individually, but I can't seem to pin point where to put them within the context of this example? Any assistance would be very much appreciated.

Thank you,

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>
Kyle Burns
Kyle Burns
4,299 Points

Take your ul, h1, and p elements and wrap them in a <header></header> tag.

1 Answer

Jamie Reardon
Jamie Reardon
Front End Web Development Techdegree Student 9,083 Points

The header element represents introductory content to a webpage.

<header>
  /* Typically contains a logo, site name, navigation... */
</header>