HTML Heading Tags Elements: <h1> To <h6>

HTML Heading

HTML heading is used to specify web page heading and sub heading.HTML heading is defined with <h1> to <h6> & <h1> is used for most important heading while <h6> used for least important heading.

Example

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Important Of HTML Heading

HTML headings are very important during the indexing of the website.HTML heading <h1> specifies the main heading of the page while <h2> specifies the subheading of the page and another heading specifies least important.

Changing Font Size Of The Heading

Please keep in mind that all the heading tag has it's by default font size. The font size of the heading tag could be changed by using CSS style properties.

Please keep in mind that font size gradually decreases from h1 tag to h6 tag.

Example

General Syntax

<h1>This is H1 tag.</h1>
<h2>This is H2 tag.</h2>
<h3>This is H3 tag.</h3>
<h4>This is H4 tag.</h4>
<h5>This is H5 tag.</h5>
<h6>This is H6 tag.</h6>    

Source Code

Download
<h1>This is H1 tag.</h1>
<h2>This is H2 tag.</h2>
<h3>This is H3 tag.</h3>
<h4>This is H4 tag.</h4>
<h5>This is H5 tag.</h5>
<h6>This is H6 tag.</h6>

Source Code : Output

This is H1 tag.

This is H2 tag.

This is H3 tag.

This is H4 tag.

This is H5 tag.
This is H6 tag.

Code Explanation

HTML heading tag has been defined by <h1> to <h6> and each have its own default font size. h1 default font size is 2 em ,h2 is 1.5 em,h3 is 1.3 em,h4 is 1em,h5 is 0.8em and h6 is 0.7 em.

Online Test / Quiz

Our Tutorials

Html Tutorial HTML
Css Tutorial CSS
Bootstrap 5 Tutorial BOOTSTRAP 5
Bootstrap 4 Tutorial BOOTSTRAP 4
Materialize CSS Tutorial MATERIALIZE CSS
2021-22 © shapeyourpath.com