HTML Text Formatting

So far we have covered a few of the most basic yet important HTML tags there are. Using these tags alone we could create a fully-functioning, standards-compliant web page. But if you've been trying it out for yourself you'll no doubt have noticed that it all looks a bit, well, boring! Thankfully we have a number of tags we can use to spice things up a little bit. Using these tags we can define different areas of our page and assign different properties to them.

The purpose of these HTML tags is twofold:

Firstly, by defining different areas of our page we can alter the styling of that element. For example, we can use a heading tag to make our page title bigger and more noticeable than the rest of the text.

Secondly, we can use them to give our users' web browsers instructions on how to process various elements. For example, if we use paragraph tags to surround a block of text on our page, web browsers will automatically insert a line break before and after the paragraph to separate it slightly from the surrounding text.

Over the following few pages we'll take a look at some of the default tags. Later on in the CSS section we'll see how we can alter the styling of these default tags, and even create our own HTML tags so we can get the elements on our page to do exactly what we want them to do.