HTML Header HTML Header
HTML Header Tutorial and Information

HTML Tutorial - HTML Header

Headers offer another very convenient way of formatting HTML text and content. By default, every header comes with a pre-defined font size and top- and bottom-margins. These default header settings can be changed, modified, and customized with CSS (Cascading Style Sheet). Visit Webmaster Seminar's CSS tutorial for more information about changing headers with CSS.

Headers or header elements need to have an opening tag and a closing tag. This is what HTML header elements looks like:

<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>

Here are Headers 1 - 6 with Samples:

<h1>Header 1 Sample</h1>
Header 1 Sample
<h2>Header 2 Sample</h2>
Header 2 Sample
<h3>Header 3 Sample</h3>
Header 3 Sample
<h4>Header 4 Sample</h4>
Header 4 Sample
<h5>Header 5 Sample</h5>
Header 5 Sample
<h6>Header 6 Sample</h6>
Header 6 Sample

The font style of the headers will be the same as your default body font style. If you are using Arial as your default font, your headers will be in Arial as well. Headers should be used accordingly. Use header 1 for your most important headlines, then header 2 for smaller headlines, then header 3, and so on. Headers should not be substituted with font size tags. Headers also play a role in search engine optimization, as many search engines look for keywords contained in the headers of a web page.

HTML and XHTML Tutorials

HTML Related Links

© This Article is Copyrighted by

Please do not copy or reproduce this article in whole or part, in any form, without mentioning the source and including a live link back to - Thank You!


Copy the code below and paste into your web page
<a href="">
Webmaster Seminar</a><br />
HTML Header - Free Information, Tutorials and HTML Resources