Changing the font color, face and size are all relatively simple, and are all contained within the same HTMLfunction. In order to just change the color, you can do the following:
<FONT COLOR="red">This is the text that the color applies to</FONT>
This is the text that the color applies to
Within the color field you may name a color, as shown, or you may use the HEX code of the color, which is the
preferred method, as seen below:
<FONT COLOR="#FF0000">This is the text that the color applies to</FONT>
This is the text that the color applies to
The color in hex code has a lot more ability and I would recommend that you use it so that you can have a unique
website. The hex code of red then green and blue, all up to 255 but in hexadecimal code. Please note that not all
monitors display all colors.
Changing the face of a font is also very simple and useful. You can change the face of the font to whatever font you
wish, but be careful, if a user does not have that font installed on their computer, then it will just show the default
font. You can change the face by using the following code:
<FONT FACE="Webdings">This is the text that it applies to</FONT>
Because people may not have the specific font type that you want it is a good idea to have backup font types
separating them by commas, as seen here:
<FONT FACE="BobsFont,Wingdings,Times New Roman,Times,Courier New">This is the text that it applies
to</FONT>
You can change the font size using two basic methods. You can do it by using the size attribute, or by using the style
attribute. The code for the size attribute:
<FONT SIZE="5">This is the text that it applies to</FONT>
This is the text that it applies to
Using this method, you can change the font from 1 to 7. I would not recommend this method. You could also make
the font change, compared to what it was right before as can be seen here:
<FONT SIZE="+2">This is the text that it applies to</FONT>
This is the text that it applies to
As you can notice the font size increased by two font sizes from what it was right before. You can go from -7 to +7,
where the -7 decreases the font size by seven and the positive increases it by seven. Another method of changing the
font size it by using the following:
<SMALL>The small text<SMALL>
The small text
<BIG>The big text<BIG>
The big text
The more commonly seen font size can be changed by using the font style attribute. You can use this code for
modifying that:
<FONT STYLE="Font-Size:20px;">This is the text that it applies to</FONT>
This is the text that it applies to
By using this, you can easily modify the font size from 1 and on. this is what most programs and websites use as
their font size.
Bolding/Italicizing/Underlining/Striking
You may also want to bold, italicize, or underline some of you website. It is very good for making things stand out.
You can bold something using the following code:
<B>This is the text that it applies to</B>
This is the text that it applies to Or you may bold by doing the following:
<STRONG>This is the text that it applies to</STRONG>
This is the text that it applies to
Or you may italicize using the following:
<I>This is the text that it applies to</I>
This is the text that it applies to
And another way to italicize is:
<EM>This is the text that it applies to</EM>
This is the text that it applies to
Or you may underline using the following:
<U>This is the text that it applies to</U>
This is the text that it applies to
Or you may strikethrough text by using the following:
<STRIKE>This is the text that it applies to</STRIKE>
This is the text that it applies to
Making Links
Links are extremely useful for bringing the user to another page that may be within your website, or may be another
website that you think would be useful to others. You can create a simple link using the following code:
<A HREF="tutorials.php">This is the text that it applies to</A>
This is the text that it applies to
There are several different types of links, for local pages, you would use something like the above. For links to other
sites, you may use something like the following:
<A HREF="http://www.onlinecomputerinstitute.com/12/2013/12/html">This is the text that it applies to</A>
This is the text that it applies to There are many different things that you can do besides just simple links, but this is still very useful.
