Tailgunner404

Basic Text

Putting Text on Your Page

Okay I've showed you the basic page structure and how to put an Image on your page.

Now let's look at text manipulation

After the "Body" tag is where you put your text. If you just type in text after the body tag the browser renders it in your default settings.

Here is what text looks like in your default settings.

This paragraph uses the tag (paragraph)...how does this differ from the first line? The only difference is that it places a line of white space between itself and the line before the tag. Until you close the tag the browser keeps the text together.

You can specify the font size for your text using the tag. Here are various "Font" tag and their effect. Keep in mind that the +1 is against the default size that your browser uses. Each browser is different and can be changed by you the user. You can specify the text size, font used and even the colors on the page.

Normal text on this page
Here is text at +1
Here is text at +2
Here is text at -1
Here is text at -2

What about text colors? I have been using Red text for tag names. Here is how to do colors.

Here is Red text
Here is Yellow text
Here is Blue text
Here is green text
Here is Red text

Notice that I used some numbers and letters preceded by a #...that is a hex code for the color. You can also use basic colors that the browser recognizes. Most browsers recognize; Blue, white black, red, green and yellow. If you want to use the hex codes then you need a way to find the appropriate codes for the colors you want to use. The Color Wheel will give you a good start on finding the colors you want. You can obtain the script through the link on the Color Wheel page.

I also use two programs to obtain the correct colors. One is called EyeDropper and it will show you the hex code for any color displayed on your screen, So if you like a color you see, just activate the Eyedropper place your cursor over the color you want the code for and see the code. The other program is the Color Picker 2 by Joe'Software at www.jsware.net This program gives you the option of entering a hex code and seeing the color or choosing a color and getting the hex code. Both these programs are freeware.

Click Here for next tutorial.

Return to Top

Click Here to Email Tailgunner404

Disclaimer