So you have finished formatting your shoutout to gURL, added a picture of hairy feet,
and now you want to link those feet to the hair removal chart so people can see it for themselves. How can
you do this?
The answer is to use the '<A HREF="name of a link">...</A>' pair of tags. Any
text that you want to use as a link should be sandwiched between these two tags.
Before you make use of this tag, though, you should be aware that there are two kinds
of links. These are the relative and absolute kinds.
A relative link is a link from one HTML page to another, where both pages exist
on THE SAME MACHINE. If, for example, you want to link to a HTML page (named page2.html)
that is sitting in the same directory as the one that you want to link from,
the tag might look like this:
go to <A HREF="page2.html">page 2</A>
An absolute link, by contrast, is a link from one HTML page to another,
where both pages exist on SEPARATE MACHINES. You see pages that exist on separate
machines all over the place, every time you surf the web. The Microsoft Web Page, for
example, sits on a machine in Seattle; Yahoo sits on a machine in California somewhere,
gURL is on a couple of machines in New York City. If, then, you want to link to gURL, you have
to use an absolute link. What do these look like? Something like this:
check out the <A HREF="http://www.gURL.com/">gURL web site</A>
This is different from a relative link, in that the part of
the link between quotes begins with "http://". This is followed by the name of the web
server and the page on that server you want to link to.
Linking images to other HTML pages.
Links don't have to be text--they can also be images. If, for example, you want to
link that picture of the hairy feet to a chart about hair removal, you can do so by following this format:
The effect this will produce? It might look and behave like this:
Click on this hariy picture to go to a chart about hair removal:
One thing to note when using is that Netscape, by default,
will place a border around any image that you want to act as a link.
If you want to get rid of this border, you have to set your BORDER
equal to 0 in your IMG tag. Otherwise
you will get this effect:
Click on this hairy picture to check out a chart about hair removal:
Which is not so very terrible-looking, really, but might not be what you want...
Step 5: Appreciate Your Work
So now you are done. You've formatted your shoutout with a range of different
options and linked it to the article that pissed you off. Sit back and appreciate it for a moment. Consider
its impact, meditate upon its effect.
What does you final product look like? Perhaps, something like this:
Dear gURL:
This time you've gone too far!
Your body hair talk has totally grossed me out!
Click on this hairy picture to go to a chart about hair removal:
Can you guess what the HTML for this looks like?
It reads something like this:
<CENTER>
<P>
<HR NOSHADE WIDTH=300>
<p>Dear <FONT COLOR="#CC00FF">gURL</FONT>:
<br>This time <s><u>you've</u></s>gone <FONT SIZE="+3">too</FONT>
far!
Your body hair talk has <I><B>totally</B></I> <FONT
COLOR="#FF0000">grossed me out!</FONT>
<p><HR NOSHADE WIDTH=300>
<FONT FACE="Helvetica">
<p><i>Click on this hariy picture to go to a chart about hair removal:</i>
</FONT>
<A HREF="findout/dwi/pages/0,,624919,00.html"> <IMG SRC="feet.gif" HEIGHT="132" WIDTH="208" ALT="hairy feet!" BORDER="0">
</A> </CENTER>
