CREATING AND CHANGING THE HEADING LEVELS OF A PIECE OF TEXT

When creating a web page headings are normally use to help organise the information that is to be displayed. There are six different sizes that can be used to help display the information with size 1 being the largest and size 6 being the smallest. Sizes 1 to 3 are often used for heading or sub heading on a web page when size 4 is usually used for the main text on a web page. As sizes 5 and 6 are the smaller sizes are then they are normally only used for copyright and disclaimer information.

Now in order to use headings in your web page you need to follow these steps:

1) Need to create a heading tag and we would do this by placing a letter h between to angle brackets like the example below. Remember to leave a gap after the letter h and the second angle brackets. The reason for this will be explained later.

<h >

2) Once you have done this you will then have to type the text that you would like to use as a heading. In this example we will use the title of this page as our text Creating and changing the heading levels of a piece of text. By adding this text to our html code it should now look like the example below.

<h >Creating and changing the heading levels of a piece of text

3) As mentioned in some of the other areas of this tutorial in order to get any html code to work we need to create a closing tag, which is still the case in this example. Due to this can create a closing head tag by inserting a forward slash followed by the letter h between two angle brackets like the example below.

<h >Creating and changing the heading levels of a piece of text</h >

4) Now as mentioned earlier, on a web page there are six different sizes ranging from 1 to 6 that can be used to make these headings stand out on a web page. Now in terms of main headings only size 1 to 3 are normally used. As a result of this you will need to decide which size you would like to use. When you have decided this you will then have to insert this number after both of the letter h in the opening and closing tags. When you have done this your heading tags should look like the example below and should also now be completed.

<h1>Creating and changing the heading levels of a piece of text</h1>

To continue with either tutorial please click on relevent links below.

Note: The first link will take you back to the previous section of the tutorial when the second link will take you to the next section