Home Advertise with us Forum Articles Sitemap Contact

HTML Headings

HTML headings are meant to define the actual format & structure of the document. These serve as a vital tool for highlighting important topics of the HTML document. In simpler terms, headings are nothing but the title & subtitles of your document.

HTML headings are defined by placing text inside the heading tags named from <h1> to <h6> tags. While <h1> represents the largest heading in the document, <h6> represents the smallest heading. The size & width (bold/no-bold) of the heading depends upon the number of the heading (1-6). The importance of a heading also depends largely upon its number, with H1 being the most important heading & H6 being the least important one.
Code Results
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>

This is a heading
This is a heading
This is a heading
This is a heading
This is a heading
This is a heading

An important thing to note here is that, a line break is automatically added by the browser before & after each heading display. This occurs as a result of a built-in attribute associated with the heading tag.

HTML Tip 1

Use only hexadecimal #RGB values for colors. The behavior of named colors is browser-idiosyncratic and totally unpredictable.

HTML Tip 2

You can resize your images without a graphics program by changing the HEIGHT and WIDTH in your image tag.