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 Introduction to HTML and CSS (2016) HTML: The Structural Foundation of Web Pages and Applications The Basic Structure of a Web Page

Enemuo Felix
Enemuo Felix
1,895 Points
Posted by Enemuo Felix
Enemuo Felix
1,895 Points

Structure of a web page

At 3:44- 3:48, Treasure said that "many web designers divide a web page into three sections, header, main and footer". Is there a difference between the web page and the HTML document, because i know there are some tags left out of those three sections like the head and title which contains information that doesn't appear on the web page? Or does she mean to say that "many designers divide the body of a web page into three sections.......?

2 Answers

Jon Myzzle
Jon Myzzle
6,279 Points
Jon Myzzle
Jon Myzzle
6,279 Points

Hey there Enemuo,

So, i guess the best way to look at it is this:

There's no real reason to split up the <head> information into sections as its only going to have meta data in it anyways such as <tltle>, <link>, etc. An HTML document is going to look like the following typically:

<!DOCTYPE html>
  <html>
    <head>
      --meta data such as links, title, description, etc--
    </head>

    <body>
      --Your body content such as headers, navigation, divs, footers, images, content, etc--
    </body>
  <html>

Remember, the only thing that's actually going to be displayed in the web page is what you put between the <body></body> tags. This content is what you would want to split up into the header, main, and footer sections as it helps to keep it organized.

I hope this helps answer your question, if you need any further clarification or have any other questions please don't hesitate to ask!!

Cheers, and Happy Coding! :beers:

-Jon

Enemuo Felix
Enemuo Felix
1,895 Points
Enemuo Felix
Enemuo Felix
1,895 Points

Thank you Jon. This was very helpful.