HTML Web Page Basic Structure

HTML Document or HTML Page is created by HTML Elements and HTML Tags. You also know HTML Page by the name of Webpage. A HTML Page is structured according to the structure of a newspaper or magazine article. A general journal article contains headings, titles, paragraphs, sub-headings, etc. The same thing happens in a basic HTML document too. There is also a title, paragraphs in an HTML document as well. Apart from these, there are many more things in an HTML page, which are being described below.

HTML Web Page Basic Structure

A basic HTML Document Structure is made up of four things.

  1. The Doctype Element
  2. The html Element
  3. The head Element
  4. The body

These four things or simply say that four HTML tags form the structure or skeleton of an HTML document. All of our work depends on the skeleton of this HTML Page. These four HTML tags are included in an HTML Page Structure. Now let’s get information about each HTML tag.

1. The Doctype Element

The full name of DOCTYPE Element is Document Type Definition. From this tag we get information about the two types of document type and HTML version.

Document Type Computer indicates that this is an HTML Document. And from the HTML version, we get the HTML version which version of HTML is used in this HTML document.

HTML Version and Document Type Declaration are used by browsers to understand HTML page correctly and fully. Therefore, Doctype Declaration must be written while making us an HTML page.

2. The html Element

Opening <html>Tag is written immediately after Doctype Declaration . The HTML Element is the Root Element of HTML Page. Other HTML tags are written between the Opening HTML Tag <html>and Closing HTML Tag </html>.

3. The head Element

Head Element is defined by the Head Element of the HTML document. This element contains an important role in the HTML page.

Head Element is used to give information about the HTML Document, which is to the Browsers and Search Engines .

A Title element is written in the HTML’s Head Element. Title tag of HTML Document is written by Title Tag. The Document Title appears in the Browser Window and SERPs i.e. Search Engine Result Pages.

In addition to Title, additional information about a Web page is written by Meta Tag. This information includes Page Description, Keywords, Page Authorship Information, Author Name, Character Encoding, Browser Instruction, etc. This information is collectively called Meta Data. Meta Data is not available for users. Because this information is not part of Actual Content.

Some External Resources such as JavaScript, External StyleSheets are also added in the head Element. Link Tag is used to add External Page Resources to the HTML document.

4. The body

The part that you see is visible in this Lesson. That is all written within the Body Element. This is the part of a webpage that we see in the browser window. All that is written in Body Tag.

Body Tag is the main container of an HTML document. Page Headings, Paragraphs, Sub-headings are written within the Body Element. Graphics, Multimedia Files, or any other information that you want the user to see. This is written inside the Element.

What have you learned?

In this lesson we have given you complete information about . You know that four HTML tags are used to create an HTML Page Structure. Includes DOCTYPE, HTML Element, Head Element, and Body Element. We hope this lesson will prove useful to you. And it will be helpful in understanding HTML Page Structure.