EXAMPLE PAGE 3

Example Page 3

Open the HTML file you saved in Example Page 2 in your text editor (If you followed the instructions in Example Page 2 the file name should be index.html). In the section More HTML tags; colors and fonts were discussed, so let's add some color to our page and change that boring font. I chose the color green (#008000) and my font is Times New Roman. I, however, felt like splashing out a little, so I faded my message text paragraph from a light green to a dark green, but if you don't want to be that adventurous you can make it all one color. That was how I did my welcome message. The fading I did by breaking my message text up into small parts and then setting the color for each part individually. Note however, that there are programs out there that will do this for you, but if you don't have such a program you will have to do it manually, which can be very time consuming, but hey, the effect still looks great. One such program is Color Fazer, and you can download it for free at this address: http://home.europa.com/~rc/cfazer/download.html. Color Fazer will generate the code for you, so you just have to cut and paste it in your document.

This is what your code should look like:

<HTML>
<HEAD>
<TITLE>The Green Tentacle Homepage</TITLE>
</HEAD>
<BODY>
<H3 ALIGN="CENTER">Welcome to the Green Tentacle Homepage</H3>


A high school student thin
ks, "When I'm out of school and d
on't have to do what I am told, th
en everything will be great!" He 
leaves school and suddenly recogn
izes that he won't be happy until 
he leaves home. He leaves home an
d starts university and soon decid
es, "When I have got my degree, t
hen I'll be really happy!" Eventua
lly he gets his degree at which t
ime he realizes that he can't be h
appy until he has a job. He gets 
his job and has to start at the bo
ttom of the heap. You guessed it!
 He can't be happy yet. As the yea
rs roll by, he postpones his happ
iness and peace of mind until he 
gets engaged, gets married, starts
 buying a home, gets a better job
, starts a family, gets the kids i
n school, owns his home, gets the
 kids out of school, retires... an
d he drops dead before he allows 
himself to be blissfully happy. Al
l his present moments were spent 
planning for a wonderful future wh
ich never arrived. Moral of the s
tory? Live each day to the fulles
t. Don't postpone your happiness t
o tomorrow... there may not be an
other tomorrow to enjoy.


</BODY>
</HTML>

Click here to see what the output of the above code would look like. To come back to this page when you've finished looking at the result, close the new window it opened in.

Remember to save your file (index.html).

[Return to Tutorial]

Introduction | Basic Tags | More HTML Tags | List Tags | Adding Graphics | Creating Links | Adding Forms | Adding Tables
Creating Frames | Multimedia | Uploading Files | Downloads | Questions & Answers | Useful Links | e-mail Me

Example Page 1 | Example Page 2 | Example Page 3 | Example Page 4 | Example Page 5 | Example Page 6
Example Page 7 | Example Page 8 | Example Page 9 | Example Page 10

Color Chart | HTML Tester

Hosted by www.Geocities.ws