HTML Headlines are used inside HTML Document to create Headings so our users can understand our Web-Page's content Easily and we also can highlights some Important Texts/Lines using Headlines. Headlines/Headings in HTML Document can help use to Defines Important things like Page's Heading, ParaGraph's Heading, Web-page Name, Topic Name, Page's Content and ETC.
For those things we have 6 Different HTML Headlines / Headings Tags.
For creating Headlines inside HTML Document we have 6 Different Headline Tags. So these Different HTML Headlines works the Same for your HTML Document. But the only Difference you will going to notice is the Font size.
So each Headline gave Output in Different 6 Font Sizes.
H1 Tag is the first Heading Tag and the Biggest Heading tag according to the Font Size. So If you want to gave a Huge Headline in your HTML Web-page then you can use <h1></h1> for that.
<h1> My H1 Headline </h1>
<html> <head> <title>HeadLines</title> </head> <body> <h1>HTML's biggest Headline</h1> </body> </html>
H6 Tag is the Last Heading Tag and the Smallest Heading tag according to the Font Size. So If you want to gave a Very Small Headline in your HTML Web-page then you can use <h6></h6> for that.
<h6> My H6 Headline </h6>
<html> <head> <title>HeadLines</title> </head> <body> <h6>HTML's smallest Headline</h6> </body> </html>
As we all know that h1 tag is the Biggest Headline Tag according to the Font Size, And h6 is the Smallest HeadLine tag According to the Font Size.
So rest of the HeadLine tags are smaller then h1 tag and greater the h6 tag according to font size.
If we compare all the Headlines together then we can easly understand the Real diffrence between these 6 Different Headlines.
<html> <head> <title>HeadLines Example</title> </head> <body> <h1>H1 HeadLine</h1> <h2>H2 HeadLine</h2> <h3>H3 HeadLine</h3> <h4>H4 HeadLine</h4> <h5>H5 HeadLine</h5> <h6>H6 HeadLine</h6> </body> </html>
As we all know that HTML Headlines have 6 different headline tags with different font size. But we don't know the exact font size of each HTML Headline tags.
Because it total depends upon Browser's Default style-sheet but here is some Headline Tags size with font size in pixels and em. So we can have some rough idea about HTML Headlines font size.
|Headline||Size in Pixels|
|Headline||Size in em|