Thursday, September 23, 2010

HTML Tutorial


How To Change the Color and Size of Font on an HTML Website:

(*note: the { } in this tutorial represent < >.)

This is a short tutorial on how to change the font color and size separately on an HTML website and then how to change them together.

FONT COLOR:

Step 1: Select or find the text you would like to change and then find your text in the code.


add to the regular font code : { font color = "X" }TEXT{ /font }.

Step 2:Replace the "X" with the color name or number: { font color = "blue" }Now my sentence is BLUE!{ /font}.
  • Or you can use the number: { font color = "#FF0000" }I'm red now!{ /font }.



FONT SIZE:

Changing the font size is very similar to changing the color:

Step 1: Find the text you would like to re size and find the code. Add this code to the regular font code: { font size = "a" }this is the text I will change{ /font}.

Step 2: Replace the "a" with a number or a + or - sign in front of the number; for ex: { font size = "+2"}This sentence is bigger now!{ /font}.


-Note: you can make text smaller by adding a (-) minus sign.


FONT SIZE AND COLOR:

Changing font size and color at the same time is easy!

Step 1: add codes together: { font size = "+4"}{ font color = "blue"}This is big blue font!{ /font }{ /font}.

Step 2: Or you can use the size and color inside the same tag: {font size = "+4" color = "blue"}This is bigger and blue now!{ /font}



And Voila! You have now changed the size and color of the text within your website!