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

Posted by Kim Dallas
Kim Dallas
11,461 Points

I don't under the separation of the page

I don't understand the separations of the page. I understand headers, paragraph and lists. but i'm having trouble understanding the breakdown of the entire page. the footer information is at the bottom of the page isn't it?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <p>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>

  </head> 
  </p>
  <header>
     <body>
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul> 
</header>
    <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

Rahul Singh
Rahul Singh
916 Points

Hi Kim,

The basic layout of a webpage is usually like this below

<!DOCTYPE html>
<html>
  <head>
  </head>

  <body>
  </body>
</html>

Head is where you store information about the webpage that doesn't necessarily gets displayed on the screen but is important to obtain meta data about your webpage

Body encloses everything that you see on the screen i.e. everything visual.

Therefore all of the tags that help display something on the screen will need to be enclosed within in the body tags

So everything from footer, header, etc. will come within the body tags i.e. in between the opening body tag <body> and the closing body tag </body>

Hope that explains. Happy to help if you need some more clarification

Kim Dallas
Kim Dallas
11,461 Points
Kim Dallas
Kim Dallas
11,461 Points

thank you Rahul. I understand most of that. What I don't understand is this question to insert the <p> in this question. to me it looks like it's all be done correctly. my brain isn't functioning right for some reason.