HTML HTML Basics Structuring Your Content Structuring Content Challenge

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

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

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.