Basic structure of HTML documents

Views: 3005
Pinterest

Same like humans, HTML and XHTML documents have a head and a body. The head of the document contains basic information (an overview) on what’s actually on that page: the title, meta information, styles, javascript declarations and more. The body is meant for the content displaying in the browser window. Below is a scheme of the basic structure of HTML documents.

html-structure

As you can see, the document is stored inside the root element <html> </html>. Inside the root tags are organized all other tags. Below the <html> tag you can see the <head> which, as previously said, is the title and meta data declaration part.

Below the closing </head> comes the <body>. This is what visitors are showed when accessing the live webpage. They get the output of the interpretation of HTML code by the browser.

Finally the document ends with a closing </body></html> tags.

All in all, building and organizing data in a HTML page is not as difficult as it seems at the first sight.

Should you have a question, ask in comments.

A post by Kidal Delonix (1883 Posts)

Kidal Delonix is author at LeraBlog. The author's views are entirely his/her own and may not reflect the views and opinions of LeraBlog staff.
Chief editor and author at LERAblog, writing useful articles and HOW TOs on various topics. Particularly interested in topics such as Internet, advertising, SEO, web development, and business.

Do you like this post? Please share it or leave a comment.


  • Facebook
  • Google Plus
  • Twitter
  • LinkedIn
  • Pinterest
  • Tumblr
  • Reddit
  • StumbleUpon
  • Digg
  • Delicious
  • Add to favorites
  • Email
Tags:

Leave a Reply

You must be logged in to post a comment.