HTML Headings

HTML Headings is used to define heading, subheading on a webpage also it is used to define the importance of the heading. In HTML, there are 6 different levels of heading tags available, i.e., <h1>, <h2>, <h3>, <h4>, <h5> and <h6>. Heading defined with H1 tag is the largest heading, and important heading, heading defined with H6 tag is the smallest heading, and used for least importance. The default styling of heading tags is to make the text bold and bigger.

Example 1: Different types of Headings.

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

Use only HTML heading tags to define the headings on a webpage. Don't use heading tags just for making text size bigger or bold. Search engines use your headings to index the content of your web pages.

HTML heading tags are block level element.

HTML Heading Exercise

Exercise 1: Headings tags with 3 different level.