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

Frank Gomez
Frank Gomez
5,552 Points
Posted by Frank Gomez
Frank Gomez
5,552 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 145,858 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,858 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
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

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>