Tutorial 3 : HTML Manipulating Text

So in this tutorial I will teach you how to change font size, color as well as how to use header tags. Such as <h1> through to <h6>

First of all lets start with font color. This is possibly the easiest to do and can sometimes make the biggest impact on any website. You want to choose colors that will contrast very vividly with the background of the text for instance a white background with black text is perfect a dark gray with black however will have your visitors struggling to extract any information from your webpage. We can change font color by using the following line:

<font color="red";>

Put this into your page and you will have red color. Colors can be set by using certain names, Red green blue values or hexadecimal values like #FF0000 place this in the quotation marks and you will have the same red. Many paint programs show hexadecimal values for colors, so if you see a color you would like to use in a paint program look around for the hexadecimal value.

Now we shall change the font size. We can do this by using the following line:

<font size="25px";>

This can be useful if you would like to have custom sized text. To change font size you could also put in large, small and other variations into the brackets to achieve different font size.

<h1> - <h6> tags are a great way to change the size of certain bits of text. h1 is the largest header size while h6 is at the opposite end of the spectrum. To use these tags we simply encapsulate them around the text we would like to make bigger. For instance:

<h1> Hello there! </h1> which produces the following results

Hello there!

Try different sizes of header tags to try and suit your needs.

Thank you for reading tutorial 3. Please follow me if you would like more html tutorials and articles, as well as any site template ready for download.

Thanks for now! Bye.