HTML HTML Basics Structuring Your Content Structuring Content Challenge

Frank Gomez
Frank Gomez
1,998 Points

what am I doing wrong?

index.html
<!DOCTYPE html>
<html>
  <head>
    <title>My Portfolio</title>
  </head>

  <body>
    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <h2>Welcome</h2> 
    <link href="styles.css" rel="stylesheet">

    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>

    <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>

     <p>A site featuring my latest work.</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>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>

  <p>&copy; 2017 My Portfolio</p>
     </body>

</html>
Jason Anders
Jason Anders
Treehouse Moderator 143,924 Points

All duplicate posts for this question have been deleted.

Please refrain from posting multiple threads with the same question in the Community.

Thank you.
Jason Anders ~Treehouse Community Moderator

1 Answer

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

You need to place your <link> element inside the head section for starters. Your main problem here though is that you need to wrap the h1, h2, ul and p element inside the <header> element which is used to represent introductory content.

<!DOCTYPE html>
<html>
  <head>
    <title>My Portfolio</title>
    <link href="styles.css" rel="stylesheet"> <!-- This belongs here like all link elements, title, meta and so on tags do. Its the behind the scenes of the web page that users dont see. -->
  </head>

  <body>
    <header>
      <h1>My Web Design &amp; Development Portfolio!</h1> 
      <h2>Welcome</h2> 

      <ul>
        <li><a href="#">About</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Contact</a></li>            
      </ul>

     <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>

    </header>

     <p>A site featuring my latest work.</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>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>

  <p>&copy; 2017 My Portfolio</p>
     </body>

</html>