Web Desgin part 3 ! Grow Future

                                     So Todey We know use of h1 h2 and many thing                                                      

so lets start................

If you want to do your website latter into big latter or small latter or if you set a "heading" on your website so what you do?????????

You Need To Use Some Tag thus are--------

---------------------------------- 

h1 , h2 , h3 , h4, h5 and h6

______________________

Definition and Usage

The <h1> to <h6> tags are used to define HTML headings.

<h1> defines the most important heading. <h6> defines the least important heading.

Note: Only use one <h1> per page - this should represent the main heading/subject for the whole page. Also, do not skip heading levels - start with <h1>, then use <h2>, and so on.

___________________________________________________________

And Its support all Of Browser........So Dont tension ..

____________________________________________________

So This TAg are___

<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>

-----------------------------

More Examples

Example

Set the background color and text color of headings (with CSS):

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello World</h2>

Try it Yourself »

Example

Set the alignment of headings (with CSS):

<h1 style="text-align:center">This is heading 1</h1>
<h2 style="text-align:left">This is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 4</h4>

Try it Yourself »

Single example:

Example

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

Try it Yourself »

______________________

Example

h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

Try it Yourself »

Example

h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

Try it Yourself »

Most browsers will display the <h4> element with the following default values:

Example

h4 {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

Try it Yourself »

Most browsers will display the <h5> element with the following default values:

Example

h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

Try it Yourself »

Most browsers will display the <h6> element with the following default values:

Example

h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

Try it Yourself »

So we thing you understand the use of h1 to h6 tag .lets practise at home...