HTML HTML Basics Structuring Your Content Structuring Content Challenge

Tafadzwa Vhovha
Tafadzwa Vhovha
1,435 Points

how do i put ul, h1 and p elements at the top of the page inside an element that represents a group of intro

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

2 Answers

Christian Higgins
Christian Higgins
14,319 Points

In the previous lessons, you have learned about how to section content with <header>, <footer>, <section>, <article>, <aside>, and <nav>.

Which of these do you think would be an appropriate grouping for "a group of introductory content"?

Kyle Burns
Kyle Burns
3,563 Points

It sounds like you are looking to create a header section for your page. To do this you simply need to put the elements you want included in your header within <header></header> tags. This will group that information together within the header container and also follow good HTML5 semantic layout. Check out the HTML Basics course for great info on laying out your page.