HTML Heading tag in HTML 5 series with Video Lecture

HTML Heading tag

In this lecture, we are going to learn about ”HTML Heading tag”. In the previous lecture, we have been discussed about HTML Attributes.

HTML headings tag contains sex levels of Headings. It is used in HTML documents according to the importance of text. Headings Elements contain H1, H2, H3, H4, H5, and H6. H1 font size is larger and the Google crawler takes much priority than H2. Same as it is H2 among H3 and take priority according to order till H6.

Headings in HTML5.0 LEC 6 in Urdu/Hindi

Why do we use the HTML heading tag?

The most important word of the Document defines in H1 tags. H1 tag used to specify to the Google crawler, that’s what written between two tags it is much important in a document. Google crawler find this first, takes much priority. For example, the title of the document is defined in the H1 tags. As you can see in the search result, the search engine displays all the titles in the search result that is written between H1 tag. Same as it’s H2 take priority by the search engine according to the order. Let we take an example of all the Headings.

[mks_pullquote align=”left” width=”620″ size=”14″ bg_color=”#58d352″ txt_color=”#ffffff”]

H1 HTML Heading Tag

<h1> My First Heading in a Documents </h1>

H1 take much importance than to all the other Heading Tag. Font size is also large than the other.

H1 Contain by Default CSS value:

h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}

[/mks_pullquote] [mks_pullquote align=”left” width=”620″ size=”14″ bg_color=”#94a533″ txt_color=”#ffffff”]

H2  Heading tags

<h2> My Second  Heading in a Documents </h2>

H2 take the highest priority than H3 and Lowest priority than H1.

[/mks_pullquote] [mks_pullquote align=”left” width=”620″ size=”14″ bg_color=”#58d352″ txt_color=”#ffffff”]

H3  Heading tags

<h3> My Third Heading in a Documents </h3>

H3 take the highest priority than H4 and Least importance than H2.

[/mks_pullquote] [mks_pullquote align=”left” width=”620″ size=”14″ bg_color=”#94a533″ txt_color=”#ffffff”]

H4  Heading tags

<h4> My Third Heading in a Documents </h4>

H4 take the highest priority than H5 and Lowest priority than H3.

[/mks_pullquote] [mks_pullquote align=”left” width=”620″ size=”14″ bg_color=”#58d352″ txt_color=”#ffffff”]

H5  Heading tags

<h5> My Third Heading in a Documents </h5>

H5 take the highest priority than H6 and least importance than H4.

[/mks_pullquote] [mks_pullquote align=”left” width=”620″ size=”14″ bg_color=”#94a533″ txt_color=”#ffffff”]

H6  Heading tags

<h6> My Third Heading in a Documents </h6>

H6 take the least Importance than all other Heading tags.

[/mks_pullquote]

I hope this article is very helpful to understand the basic terminology of heading tags. This is a complete series of HTML 5 with the new methodology. You can also learn at the same platform about CSS, Bootstrap, PHP. If You have any queries and suggestion, discuss in the comment section. Thank You.

Add a Comment

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