HTML Structure: A Complete Comprehensive Introduction

HTML Structure: A Complete Comprehensive Introduction

HTML Structure: A Complete Comprehensive Introduction





Welcome to Jeevan Bima Bazaar! If you want to learn web development, it will be most important for you to first understand the structure of web documents. Just as the foundation is most important for building a house, knowing the structure of HTML (Hypertext Markup Language) is the backbone of every web page.


In this article, we will learn in detail about the basic elements that make up an HTML document structure. By understanding these key concepts, you will gain a solid understanding of how web pages are built. This information will enable you to create well-structured and accessible content.






DOCTYPE Declaration:

While creating an HTML document, the first thing we need to do is tell the browser which version of HTML we are going to use in the document. This is most important for web browsers. To tell the web browser which version of HTML is being used in the HTML document is called DOCTYPE declaration.


The advantage of declaring the DOCTYPE is that when the browser knows the version of your HTML, the browser will render your document correctly. By including the appropriate DOCTYPE declaration, you create a strong foundation for a standardized Web page.


Head and Body sections of HTML Documents:

Any HTML document is prepared under hierarchical arrangement. After the DOCTYPE declaration is made in an HTML document, the <html> element is included first. It encapsulates the entire web page. There are two main sections inside <html>: the <head> and <body> elements.


HTML metadata is included in the <head> section. The title of the web page, character encoding, linked stylesheets, and other information are also included in the <head> section.


The <body> section, on the other hand, contains the content that appears on the web page. Such as: Heading, paragraph, image and interactive elements are included.


Specifying the language of HTML Documents:

Describing information about the language of HTML documents is also an important function. When you specify the language of your HTML document, the browser will deliver your web page to the eligible audience, which means that the information about the language in the HTML document becomes very important from the SEO (Search Engine Optimization) point of view.


The language of the document can be specified by adding the lang attribute to the <html> tag of the document. This can be done by adding the language code of the document to the lang attribute. Different codes are used for different languages.


For example, if your HTML document is in Hindi language, then the lang attribute will be written as follows.
<html lang="hi">


Similarly, if your HTML document is in English language, then the lang attribute will be written as follows.
<html lang="en">


In the above Hindi language is represented by hi and English language is represented by en.






Importance of Elements in HTML Document:

The orderly use of elements is very important in the structure of an HTML document. The content of any web page appears in a particular order in the browser. For example, if you want to write an article, then for this you may need the following things.


  • You have to choose the title of your article
  • Have to choose an image suitable to the article
  • Brief information (intro) has to be given about the article.
  • Different headings and sub-headings will be required in the article.
  • Necessary information has to be included in respect of each heading and sub-heading.

The above content is needed for any normal article. It is necessary to keep it in a particular order in the article. Doing this is convenient for the audience to understand and the browser can also understand the web page correctly.


This is the reason why it is mandatory to present the above elements in a sequential manner in the HTML document. For example, h1 to h6 tags are used respectively for heading in a document. In which h1 is used for the most important heading and h6 is used for the lowest heading.


Similarly <p> tag is used for paragraph. By using this tag, the browser understands that paragraphs are used in the document.


Conclusion:

If you want to make a place in the world of web development or work for web content creation, then it will be very important for you to have a better knowledge of HTML document structure. You need to understand what purpose each element of HTML serves and how to use them in an orderly manner. Only after understanding these things, you can build well-structured, accessible and SEO optimized web pages.


In the following sections of this article, we'll delve deeper into the intricacies of the HTML document structure and highlight its power and flexibility. So for this click on the Next button given below.