Complete knowledge of the basic structure of HTML Document - Computer World

Saturday 9 May 2020

Complete knowledge of the basic structure of HTML Document

Complete knowledge of the basic structure of HTML Document

An HTML Document or an HTML Page is created with HTML Elements and HTML Tags. You also know HTML page by the name of Webpage.

The structure of an HTML page is similar to the design of a newspaper or magazine article. A normal magazine article has Headings (titles), Paragraphs, Sub-headings (subtitles) etc. The same thing happens in a Basic HTML Document.

Even in an HTML Document, the title, Paragraphs are there. Apart from these, there are many other things in an HTML page. Which are mentioned below.

Table of Content
HTML Page Structure
The doctype element
The html element
The head element
The body element
what have you learned?

HTML Web Page Basic Structure

A Basic HTML Document Structure consists of four things. Which you can see in the image below.

Basic HTML Web Page Structure in Hindi

The doctype element
The html element
The head element
The body element

These four things or say that four HTML Tags make a Skeleton of an HTML Document. All our work depends on the skeleton of this HTML page. These four HTML tags are included in an HTML Page Structure. Let's now get information about each HTML Tag.


1. The Doctype Element

The full name of the DOCTYPE Element is Document Type Definition. From this tag, we get information about these two things like Document Type and HTML Version.

Document Type tells Computer that it is an HTML Document. And from HTML Version, we get information about HTML Version, which version of HTML has been used in this HTML Document.

HTML Version and Document Type Declaration are used by Browser to understand HTML page correctly and completely. Therefore, we must write Doctype Declaration while creating HTML page.


2. The html Element

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

3. The head element

The Head Part of the HTML Document is defined by the Head Element. This Element has an important role in HTML Page.

The Head Element is used to give information about HTML Document ie Webpage to Browsers and Search Engines.

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

Title Tag Result in Browser

Apart from the title, additional information about a webpage 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 to users. Because this information is not part of the actual content.

Some External Resources like JavaScript, External StyleSheets are also added to the Head Element itself. Link Tag is used to add External Page Resources to HTML Document.

4. The body element

The part you see in this Lesson. It is all written within the Body Element. That is, the part of a webpage we see in the Browser Window. They are all 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 you want to show the user. It is written inside this element.

No comments:

Post a Comment