Hello Friends, Today I am going to let you know about the HTML heading. Within this blog post, we are going to cover What is heading element in HTML? Which is the largest heading tag in HTML? What does h1 mean in HTML? How do I make a heading in HTML?

In HMTL you have are provided total six tags for writing the HTML heading. which is from <h1> to <h6>.

Here h1 is considered as a most important heading where as h6 is considered as a least important heading.

you can see the HMTL headings example below.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Now the question is why these HTML heading are important whereas we can get the same effect with the help of CSS?

HTML heading is very important and this is used to identify the structure of your document. Your content information is analyzed with the help of headings.

Most importantly search engine use this heading to get all the information about your web page content so here heading play an important role in recognizing your content that affects the rank of your page.

So you should be very careful while making the headings for your document.

HTML heading should not be used for just making a sentence big and bold though it should be as per its a virtue that can easily identify your content under it.

HTML Heading:

As we have already introduced with all the types of HTML heading. HTML headings have their default size, but we can also specify the desired size with the help of style attribute.

<h1 style=”font-size:80px;”>Heading 1</h1>
<h6 style=”font-size:100px;”>Heading 1</h6>

Hroizontal Rule:

<hr> tag is used to get the horizontal break between the contents. You can see the example given below.

<h1>This is heading 1</h1>
<p>This is some text.</p>
<h2>This is heading 2</h2>
<p>This is some other text.</p>

HMTL <head> header Tag:

HTML head tag has nothing to do with HTML headings. This tag is just for writing HMTL metadata.

HTML metadeta is data about HTML documents, title, styles, links, script and other meta infomation. You can see the example below for the same.

<!DOCTYPE html>

<title>My First HTML</title>
<meta charset=”UTF-8″>


How to see the HMTL source code of any webpage in the browser?

It is really nice to function to see the HMTL source code of any webpage and inspect it at the spot and experiment changes by making a change in the HMTL attribute value though this is a temporary change to see the effect.

How to see the HMTL source code in the browser and inspect the HTML element?

This is really a very simple process, just open a web-page in the browser and then drag your mouse at the webpage anywhere. Now make a right-click on your mouse and choose the option to inspect the element. See the image below for the same.


You will see a window open on the right-hand side. where you can easily get the full HTML and CSS source code for your web-page. Now click on an inspect button and then click on a web-page specific part whose HMTL source you are looking for. See the below image for the same.


Now you can test your changes by changing the value of HTML and corresponding CSS. See the below image for the same.



Using this blog we have learned about the HTML heading stypes, we have explored all the HTML heading types and also discussed What is heading element in HTML? Which is the largest heading tag in HTML? What does h1 mean in HTML? How do I make a heading in HTML?.

In case of any queries, you can write to us at we will get back to you ASAP.

Hope! you would have enjoyed this post about HTML heading.

Please feel free to give your important feedbacks in the comment section below.

Have a great time! Sayonara!


I am a blogger by passion, a software engineer by profession, a singer by consideration and rest of things that I do is for my destination.