Technology, Web design

Basic structure of HTML documents

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.


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 D. (4831 Posts)

Kidal D. is author at LeraBlog. The author's views are entirely their own and may not reflect the views and opinions of LeraBlog staff.

Leave a Comment

Your email address will not be published. Required fields are marked *