Tuesday, April 16, 2024
H1 to H6 font size in html

H1 to H6 font size in html


S No. HTML element Example text Default CSS Pixel height
1 <h1> </h1>


font-size: 2em 32px
2 <h2> </h2></strong


font-size: 1.5em 24px
3 <h3> </h3></strong


font-size: 1.17em 18.72px
4 <h4> </h4></strong


font-size: 1em 16px
5 <h5> </h5></strong
font-size: 0.83em 13.28px
6 <h6> </h6></strong
font-size: 0.75em 12px

h1 to h6 font size video link Click Now


h1 to h6 font size in html

जब भी कोई User किसी article को पढता है तो सबसे पहले वह एक बार सभी headings को देखता है और उसके बाद article को पढ़ना start करता है। ऐसे reader ये check करने के लिए करता है की जिस information को वह ढूँढ रहा है वह उस article में है या नहीं।

HTML में जब भी आप कोई Heading define करते है तो automatically उसके पहले और बाद में space (line break) add हो जाता है। इससे headings को अलग से unique दिखने में मदद मिलती है और user का ध्यान जल्दी उन पर जाता है।

Search engines किसी article की headings को उस article को structure और index करने के लिए use करते है।
इसलिए आपको अपने webpages में headings का प्रयोग अवश्य करना चाहिए।

Types of HTML Headings

HTML आपको 6 level की headings provide करती है। इनका प्रयोग क्रमशः topics और subtopics को define करने के लिया किया जाता है। इनकी list निचे दी जा रही है।




यह सबसे महत्वपूर्ण heading tag होता है। यह article की main heading को define करने के लिए use किया जाता है। इसे आपको पुरे document में एक ही बार use करना चाहिए। Search engine crawlers इस tag से पता लगाते है की कोई article किस बारे में है। और इसकी by default Font size 32 px होती है




यह subheading tag होता है। इसके द्वारा आप subheadings define करते है। किसी बड़े section को आप इस tag द्वारा कई sections में divide कर सकते है। इसकी by default Font size 24px होती है




यह minor heading tag होता है। इस heading के द्वारा आप subtopics को भी कई minor topics में define करके represent कर सकते है। इसकी by default Font size 18.72px होती है




यह fourth level का heading tag होता है इससे आप और भी deep level पर content को sections में divide कर सकते है। इसकी by default Font size 16px होती है




यह fifth level heading tag होता है और इससे भी आप headings को define करते है। लेकिन इसे deep level पर content को define करने के लिए use किया जाता है। इसकी by default Font size 13.28px होती है




यह sixth level heading tag है इससे भी आप heading define कर सकते है। यह heading normal text के बहुत करीब होती है। इससे आप कई topics को list के रूप में present कर सकते है। इसकी by default Font size 12px होती है

Tags: , , , , , , , , ,
My name is Yash Pogra and I am the chief blogger at Codeash and where I like to share my internet/tech experience with my online readers on this website. I have been a webmaster from 2015 which is when I had registered my first company by the name Codeash. I have ventured into different online businesses like offering SEO Services, website development services.

Related Article

No Related Article


Shahbaz khan 22/04/2019 at 7:46 pm

Thank you sir….

Magas Services 27/03/2021 at 1:17 pm

best content about font size it is beneficial for me.

thank you sir

Kazuko Price 14/03/2022 at 1:20 am

Wow that was unusual. I just wrote an very long comment but after I clicked submit my comment
didn’t show up. Grrrr… well I’m not writing all
that over again. Anyway, just wanted to
say superb blog!

Efficient vessel turnaround Estonia 27/06/2023 at 4:29 pm

DeepMind, for instance, is in regular connection with
AI safety researchers at locations like the Potential future of Humanity Institute in Oxford.

Leave a Comment