HTML Heading

HTML Heading

HTML Heading

HTML headings are used to give headings to paragraphs and articles on the web page.

  • Headings are define by <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags.

  • <h1> shows the most important heading.

  • <h6> shows the least important heading.

  • <h6> to <h1> tags define the progressively increasing importance of headings and Size.

Headings are also important for search engines (like Google, Bing, Yandex, etc.) to index and rank the web pages, and they increase the SEO of the website.

Example:

<h1>Most Important and Biggest Heading</h1>
<h6>Least Important and Smallest Heading</h6>

Example Explanation:

  • The text written in between <h1> opening and </h1> closing tag makes the text bold and increases the size of the text which increases the importance of the text as compared to other normal text.

  • Similarly <h6> tag does the same thing.

  • The only difference between <h1> tag and <h6> tag is the sizes of the text, when we implement <h1> tag it makes the size of the text bigger than the <h6> tag which shows that <h1> tag is use to give more important heading as compare to <h6> tag.

Run the code to see the effect.