The Tropics Basic HTML

Welcome to The Tropics
HTML Basics Page!!!
This page is designed to help beginners to HTML,
learn a few neat little tricks to add some life and color to their pages

If you cant find the Answer your looking for on this page..
feel free to contact one of The Tropics Community Leaders for help

1. How do I center text & images?
2. How do I make my text appear in italics?
3. How do I make my text appear in Bold?
4. Can I combine all of the above at the same time?
5. How do I make my text or images appear on a new line?
6. How do I leave a blank line between my text or images?
7. How do I change the color and size of my text?

TIP
Most common mistakes that occur with HTML, is the result of typing errors.
Always proof read your work, it can save alot of frustration

Centering Text & Images
HTML Tag :<center></center>
Example Code : <center>This text is centered</center>
Result :

This text is centered

Definition : Centering text and/or images is quick and easy to do.. anything appearing between the <center></center> tags, is automatically centered.

Note: Everything following the </center> tag, will NOT be centered.. but will be aligned with the left side of your workspace.

Italic Text
HTML Tag :
Example Code : This text appears in italic
Result :

This text appears in italic

Definition : The text between these two tags will be rendered italic.

Bold Text
HTML Tag :
Example Code : This text appears in Bold
Result :

This text appears in normal
This text appears in Bold

Definition : The text between these two tags will be rendered in Bold.

Combining (Center, Bold & Italics)
HTML Tag :<center></center>
Example Code : <center>This text combines the Centering, Italics & Bold tags</center>
Result :

This text combines the Centering, Italics & Bold tags

Definition : Combining many different tags, can achieve some great results.

Note: The tags are kept in order.. the opening tags are . <center> and the closing tags are </center>.. this can save errors from occuring.

Line Break
HTML Tag : 
Example Code : This text is on top This text is below
Result :

This text is on top
This text is below

Definition : Anything following the tag will appear on a new line..

One Line Space Break
HTML Tag :
Example Code : This text is on topThis text is 2 lines below
Result :

This text is on top
This text is 2 lines below

Definition : The tag is similar to the tag.. except it leaves a blank line between text or images...

Changing Text Size and Color
HTML Tag :
Example Code :
This text is size 4 and BLUE 
This text is size 2 and in RED
Result :

This text is size 4 and BLUE
This text is size 2 and in RED

Definition : Everything between the opeing and closing FONT tags.. will be the size and color you specify.

Below are sixteen colors to get you started.. (using words)

SILVER BLACK BLUE FUCHSIA

GRAY GREEN TEAL MAROON

NAVY OLIVE PURPLE RED

AQUA LIME WHITE YELLOW

Note: I had to change the background color for the 4 colors at the bottom of the above table so you could see them.. they are colors to be used on dark backgrounds.
You can use both Hexidecimal numbers for numerous colors.. or words as above.. As this is a basic HTML page.. words were used for ease of understanding.

Font sizes range from 1 - 7 (you can go higher but the text becomes unreadable)

This page Hosted by

This site maintained by The Tropics Community Leaders
If you have any questions or comments, please email The Tropics Liaison