Add Headings

One of the earliest means of formatting text was the heading tag. It is available in six levels of importance from <h1> down to <h6>, as shown in the following code:

 

Six levels of heading tags exist, with h1 producing large text that is approximately 24 points in size by default, and h6 creating small text sized at 8 or 9 points by default as show in Figure. You might think of these headers as headlines for chunks of text.

Heading tags are similar to the headings you might use in a word processor like Microsoft Word. They are also like headings in outlines because they should only be used in the proper order, from h1 down to h6.

For example, you wouldn’t create an outline that began with a small letter a and was followed by the Roman numeral I.

Instead, you would begin with the Roman numeral I, follow that with a capital A, and, most likely, follow it with a number 1. In like manner, an <h1> should be followed by an <h2>, as opposed to an <h3>.

You use the heading tags to tell the browser which pieces of text function as headings, and then specify how to style them with CSS. So, you could quickly adjust the alignment of your headings with an inline style by using <h3 style="text-align: right;">.

Likewise, you could use h3 as a selector in an internal style sheet (placed in between the opening and closing head tags on your page) to specify the formatting options of all level-3 headings on the page.

<style type="text/css"> h3 {text-align: right;} </style>

 

Click next Page to see, Text Emphasis.