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 Attribute”.

HTML headings tag contain sex levels of Headings. It is used in the HTML documents according to the importance of text. Headings Elements contains H1, H2, H3, H4, H5, and H6. H1 font size is larger and the Google crawler take 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 we use HTML heading tag?

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 defined in the H1 tags. As you can see in the search result, the search engine displays all the title 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.