Making your web page titles stand out from the rest of your HTML

Every web page needs a title

With many having multiple sub titles

All varying in different sizes

Web pages contain lots of information and it is important that users are able to find this information with ease. Titles and sub titles are a great way of doing this, a good title will provide users with an accurate insight into what the accompanying content is about.

A good website that demonstrates this is the BBC’s home page that is pictured below. Its use of titles tells you clearly what the content is about with sub titles offering additional links to other relevant content. The main titles are in a large font to gain the focus of the user with secondary titles reduced in size but still more prominent than their standard text.

BBC Home page - Great example of the use of different sized headings

When adding a title to your HTML coding it is positioned in the body of the text (between the body tags) and they can be 6 different pre-set sizes.

 The tag for a title is “h” followed by a number between 1-6. The different numbers are what gives the title’s text its different size compared to the main content.

Here is a picture that shows all the different title tags, next to their corresponding sizes. As you can see these tags also require a closing tag (</).

Now go and try these tags out on your HTML web page, play around with the sizes and see which you prefer.