FORMATTING AND COLORING TEXT |
LESSON #3 |
THIS
into
THAT
Nothing could be simpler! In fact remember how you highlighted the text and
used the center button:
To put the text in the center of your page?
It is the same thing with text color just push a different button.
Open your page in AOLPRESS like we described before.
First highlight the text you want to color. It can be one letter, one word, one paragraph or the whole page. Although if you want to do the whole page there is a better way.
Now that you have the text you want to color highlighted click on the color
button:
A dialogue box will pop up with a bunch of colors for you to choose. Like
in the next image:
Click on the color you want to turn the text to and then click okay. That is all there is to it.
Now there are tons of other colors you can choose, the ones AOLPRESS shows are those called Safety Pallette. These colors are promised to be the same regardless of what browser your viewer uses.
If you want to see the rest of the colors you can find them here.
We'll get into how to choose these other colors later. For the time being limit yourself to the colors available in AOLPRESS.
Now we have text and some of it is in neat colors. How about turning:
THIS
into
THAT or THAT or THAT or THAT
In the "thats" above the first is italic the second is bold the third is underline and the last is deleted.
These are all forms of text styles.
So how do we do it?
See how we highlighted text and clicked a button to center it? See how we highlighted text and clicked a button to color it? Guess what?
Highlight the text you want to style, again it can be one letter, one word
etc. Got it highlighted? Now click on format:
The dialogue box appears like below:
Move your cursor over Type Style to get this:
Look at all the choices you have! here are what some of them do:
| Plain | MAKES THIS |
| Bold | MAKES THIS |
| Italic | MAKES THIS |
| Underline | MAKES THIS |
| Fixed Pitch | MAKES THIS |
| Deleted Text | |
| New Text | MAKES THIS |
| Superscript | MAKES THIS |
| Subscript | MAKES THIS |
| Citation | MAKES THIS |
| Code | MAKES THIS |
| Definition | MAKES THIS |
| Emphasis | MAKES THIS |
| Keyboard | MAKES THIS |
| Sample | MAKES THIS |
| Strong | MAKES THIS |
| Variable | MAKES THIS |
Now you will see in the example above several of those things seem to be the same. It is true and in fact all of HTML is that way. Anything that can be done in hand coding HTML can be done in at least three different ways. That's what makes it seem hard to start with when you look at the size of this course or any HTML book you read. But then when you realize you only have to know a very small part of it to create a webpage it really isn't that hard.
Now previously we demonstrated how to make a line of text a headline. The question was asked why when someone applied a headline to a line did the lines below it become a headline?
Like:
Chip
Is a total idiot.
Instead of
Chip
Is a total idiot.
The first example uses the Headline function. Headlines are applied to lines of text and every single spaced line attached to it. So how did I make it work in example two?
I substituted the BOLD format for the word Chip like we described earlier then I enlarged the word. Enlarging words or text is the same as headline just coded differently.
In your webpage write these lines:
Chip
Is a total idiot.
That is
Chip (Followed by CTRL-ENTER)
Is a total idiot.
That forces single spacing and will not allow headline to do just one of the lines.
Now highlight the word Chip.
Use the steps we described above to format the word Chip (Bold) (Format > Typestyle > Bold)
You should now have this:
Chip
Is a total idiot.
Now that is great but the "Chip" is dark like it should be but too small.
Make sure Chip is highlighted then look up in the tool bar for these two
buttons:
With Chip highlighted click on the A+ button. See Chip get larger? Notice the lines under it didn't? Click A+ again! Cool huh? Now click A- and you will see it gets smaller.
The A+ and A- works anywhere at any time on single letters, words or whole lines of text.
Don't forget to save your webpage...
File > Save As > Make sure location is right and then click the
button.
FAQ
Q) Should I Bold my text first or apply a color to the word first?
Doesn't matter.
Q) Can I use more than one format (Like Bold and Underline) on the same word?
Sure use as many as you like. Interesting effects can be created by combining different type styles.