EXAMPLE PAGE 2

Example Page 2

Open the HTML file you saved in Example Page 1 in your text editor (If you followed the instructions in Example Page 1 the file name should be index.html). The file should look something like this:

<HTML>
<HEAD>
<TITLE>The Green Tentacle Homepage</TITLE>
</HEAD>
<BODY>
Welcome to the Green Tentacle Homepage
</BODY>
</HTML>

For this example, we are going to make the welcome text size bigger, plus add a message or comment to our page. We are also going to center both the text paragraphs on the page. This is more or less what your page should look like after you changed it (Note the text in blue is the added code):

<HTML>
<HEAD>
<TITLE>The Green Tentacle Homepage</TITLE>
</HEAD>
<BODY>
<H3 ALIGN="CENTER">Welcome to the Green Tentacle Homepage</H3>
<P ALIGN="CENTER">
A high school student thinks, "When I'm out of school and don't have to do what I am told, then everything will be great!" He leaves school and suddenly recognizes that he won't be happy until he leaves home. He leaves home and starts university and soon decides, "When I have got my degree, then I'll be really happy!" Eventually he gets his degree at which time he realizes that he can't be happy until he has a job. He gets his job and has to start at the bottom of the heap. You guessed it! He can't be happy yet. As the years roll by, he postpones his happiness and peace of mind until he gets engaged, gets married, starts buying a home, gets a better job, starts a family, gets the kids in school, owns his home, gets the kids out of school, retires... and he drops dead before he allows himself to be blissfully happy. All his present moments were spent planning for a wonderful future which never arrived. Moral of the story? Live each day to the fullest. Don't postpone your happiness to tomorrow... there may not be another tomorrow to enjoy.
</P>
</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.

Feel free to add any of the other tags from the Basic Tags section and play around with the output. This will eventually be your own personal homepage, so put in anything you like. 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