Path = Home : HTML Design Tips : How To Use The Heading Tags (<h1> to <h6>)

How To Use The Heading Tags (<h1> to <h6>)

The <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags are used to display the heading text in a larger font with <h1> being the largest and <h6> being the smallest. Note that you can change the size of the heading tags using cascading style sheets (CSS).

Some search engines place more emphasis on text displayed within the heading tags, <h1> being the most important heading tag and <h2> the second and so on.

Examples

<h1>This is an example of the <h1> tag </h1>

This is an example of the <h1> tag

This is an example of the <h2> tag

This is an example of the <h3> tag

This is an example of the <h4> tag

This is an example of the <h5> tag

This is an example of the <h6> tag

Aligning the header tags

To centrally align a header tag on a page you can use

<h1 align="center">Example of aligning</h1>

Example of aligning

Normally you would use <h1> for the title heading, <h2> for your secondary heading and so on. You can use the heading tags as often as you want on a page though it is normal to use the <h1> tag only once.