Menu

Downloads

Links



All About Text



How do I change the text?

There are several different ways you can spice up the text on a page. You may want the text color to offset your background, or want a certain line italicized. Maybe you want one line to be bold text, so that it stands out. Here you'll learn how to do all of this.


Changing Text Color
First of all, let's look at changing the general font color. To change just the color, you would use this code.

<font color="COLOR">
PUT YOUR TEXT HERE
</font>



Changing Text Size
If you wanted to change the font size, you would use this code.

<font size="2">
PUT YOUR TEXT HERE
</font>



Changing Text Style
If you wanted to change the font face (the writing style), you would use the following code. Keep one thing in mind. When you define a specific type face, only people with that font installed on their computers will see it like that. Let's say you define the writing to be Impact font face. Only people who have the font Impact installed on their systems will see it that way. If they don't, all they'll see is their default computer font. So you may want to use a font that is universal and common. For a list of those fonts, and what they look like, click here.

<font face="impact">
PUT YOUR TEXT HERE
</font>



Combining Color, Size & Style
Now, combining these codes. You may want to define the size, color AND face of your text. This could be done in one of two ways. You can write three seperate codes, and then have to end three seperate codes, like this:

<font color="COLOR"><font size="2"><font face="impact">
PUT YOUR TEXT HERE
</font></font></font>


In some cases, this does work, however a much easier way to do this is to overlap the codes, like this:

<font color="COLOR" size="2" face="impact">
PUT YOUR TEXT HERE
</font>


See the difference?


Other Text Effects
Now that you know how to write the codes for your base fonts, you'll need to know about the extra effects, like how to bold text. Each of these codes goes inside your font code... meaning after the start font code, and before your text. You would then end the effect code after you text and before the font closing tag, like this:

<font color="COLOR" size="2" face="impact"><B>
PUT YOUR TEXT HERE
</B></font>



Notice the little code with the B after the font code? That's a bold text command, and its ended right after your own words. Now for the effects. To bold text, you would use this code:

<b>TEXT</b>


For italic text, you would use this code:

<i>TEXT</i>


For underlined text, you would use this code:

<u>TEXT</u>


To have a line through your text, a strike out, you would use this code:

<S>TEXT</S>


Centering Text
To have your text line up with the center of the page, you would use this code.

<center><font color="COLOR">
TEXT
</font></center>



Aligning Text
You can use this code for centering text, as well, except with this code, you can also align your text to stay on the left of the page or the right of the page.
To align it to the left, you would use this code.

<div align=left><font color="COLOR">
TEXT
</font></div>


To align it to the right, you would use this code.

<div align=right><font color="COLOR">
TEXT
</font></div>


To align it to the center, you would use this code.

<div align=center><font color="COLOR">
TEXT
</font></div>