More HTML
from

WWW.OLD_DOG_LEARNS_NEW_TRICKS.COM

Type up your homepage using the most basic word program you have. Notepad is perfect. Of course, you can buy a pagemaker and save yourself all this headache, but I wanted to learn it and do it myself from scratch.

You can get some interesting font faces, too, but not everybody else's browser may be able to read them.

GRAPHICS

You can find graphics on the Net or get your own scanned. I learned that my scans with the extensions .gif and .jpg would work, but not .tiff or .bmp extensions. Here's a graphic I found on the Net. To save it, I put the mouse on it, did a right-click, and then saved it to my own disk. So here it is:

I'll repeat the command without using the <>.
img src="nature047.gif"

Specify border=0 if you don't want the blue line around it.
Specify the width if you want the size bigger or smaller. (But be careful of this. Photos can look really bad if stretched or shrunk too much.)

Here's another example, a photo I had scanned:

The command as typed without <> is

img src=Elnino.jpg width=200 border=0

I made the second one smaller by specifying less width. I also left the border on.
If you enlarge a graphic too much, it can really lose quality. Experiment & have fun.

Links

Here is the command to put a link on your page.

I'll type it without <>. It needs 3 parts to work:

a href="http://membershome.net/dacton/index.html" (the actual URL or address)

Acton's Attic (the name of the webpage)

/a (needed to complete the link)

Here is how to make a link to your own email address:

Again, without the <>. Same 3 requirements as for links.

a href="mailto:chuckles1717@yahoo.com" (The address)
Email me (The word that actually shows on the page to click on)
/a (to complete the link)

SEE HOW THE PAGE TURNS OUT!

After you type up your commands, save your page to a disk. Name the page, and be sure to follow the name with .html extension. To see how the page looks before you send it up on the Internet, click on the disk drive where your page is saved, then find the icon that ends .html and use your mouse to drag it over to the browser's icon on your desktop. I have found that I can drag my page over to Netscape or to Netscape Mail and it works. If I just double click on my html page icon, the page still comes up, but it reverts to Microsoft Internet Explorer (came with Windows 95). Either way, you can see your mistakes in a hurry.

The best learning I ever did on my homepage was by screwing it up and then figuring out how to fix it. Many times you'll find your mistake was in leaving out a / or a :
or typing in a ? when you needed a / or a ~.

One final thing, you can get a free webpage many places, but most of them stick pop-up ads on your page. If you look through the links on my webpage you'll see examples of free pages on Tripod, Geocities, Angelfire, ThirdAge, TalkCity and others.

Tables & Frames

A table will give you a square of color, and then you can write on it or put a graphic
on it. Basic command is:

table bgcolor
tr
th
Type in the text or graphic you want
And then close the table with
/table

Like so:

I'll try this
using some
green letters

You can pile a few tables on top of each other, but don't
forget to close each table with the /table command.

Sunset

Here's the code for the one above (put each in <>).

table bgcolor=orchid
tr
th
table bgcolor=flame
tr
th
table bgcolor=gold
tr
th
table bgcolor=yellow
tr
th
table bgcolor=white
tr
th
font color=orange size=5
Sunset--THIS IS NOT IN <>
/table
/table
/table
/table
/table

To put a frame around your text or graphic, use these commands:

table border="15" cellpadding="10" cellspacing="10"
td
put in the text or graphic you want
tr
/tr
/td
/table

It should turn out like this:

Hello,
World!

You can experiment with the number for the border, padding and spacing, or even
pile a few tables on top of each other

Email me

Code for the above:

table border="3" cellpadding="1" cellspacing="1"
td
Email me--no <>
tr
/tr
/td
/table

This one's nice:

What Is This
Thing Called
Love?

Code for the above:

table border="12" cellpadding="1" cellspacing="1"
td
table border="10" cellpadding="1" cellspacing="1"
td
table border="8" cellpadding="1" cellspacing="1"
td
font color=orchid size=6
center
b
What Is This (no <>)
br
Thing Called (no <>)
br
Love? (no <>)
tr
/tr
/td
tr
/tr
/td
tr
/tr
/td
/table
/table
/table

Visit my Paint Shed for ways you can use these tables. Have fun!


Class is out! Back to Acton's Attic