Linking It all Together!
So Ya Wanna Make a Link...(τΏτ)
!
Links are not real hard to make. There are a few rules, as with anything in life.
The beginning of a link almost always starts with < A HREF=" ....." >, and
I say almost always because there is another tag you use with image maps that starts <
AREA HREF=" ..... " > that is also a link. At this point, a general link is
< A HREF=" ..... " > where the ..... represent the URL of the page or
place you want to link to.
I have found that when you type the http instructions, i.e., <A
HREF="http:// .... ">, that if you use lower case for that it works
better.
A General Link
Here is what the link looks like that you clicked to get here:
<A HREF="linkhelp.html">Links</A>.
This type of link takes you to another page. Do not click on this link, it just goes to
this page
Linking to a specific place, different page
Now let's say you want to link to something on a different page in a specific place.
The code would look something like this:
<A HREF="yourpage.html#place">Place you want linked</A>
Well, that looked pretty easy, but there is one more thing you have to do to make this
work. On the page you are linking to, you need to add an anchor where you want this link
to take your viewer.
The code would look something like this:
< A NAME="place" >
Links are case sensitive, so if you used all lowercase in the first part of the link
"#place", then use lower case in the second part of the link. If you
capped it this way "#Place", do it the same in the second part.
Linking to a specific place, same page
There is a little bit less coding involved with linking on the same page, although, it is
still a two part operation.
In the first part of the link, the code would look like this:
<A HREF="#place" >Place linked</A>
Try this:Top of Page It should take you to the top of the page.
The code for that link looked like this:
<A HREF="#face">Top of Page</A>
And the anchor I have at the top of the page looks like this:
So You < A NAME="face" >!< /A > Make a Link...(τΏτ) !
That is about all there is to that. No mystery, and once you do it a couple of times, it
will become second nature. This type of link gives you lots of power over how your pages
are viewed.
(τΏτ)......Images that Click!......(τΏτ)
If you click on one of the faces, it will take you to the top of the page. To get back
here, click on the ! mark.
To make an image clickable is also very easy. You simply need to add the img tag to your
link code.
It would look like this:
< A HREF="http://where you want to go" >< img
src="filename.gif" >< /A >
Of course, you would replace filename.gif with the actual name of the graphic file. That
makes your graphic clickable. You can make it a link for a different page, or the same
page, or even to your email address.
Alternate Text????
What in the world is alternate text? And why do I want it?
Most of us have been to web sites, that when their page is loading graphics, before the
graphic is acutally there, we see a description of the graphic or some other text that is
replaced when the graphic is done loading. This is called Alternate Text.
One of the reasons for alternate text, is that some people can't see graphics, and some
people choose not to see graphics. Graphics take extra time to load, therefore, the reason
for choosing not to see graphics. But just because they can't see them does not mean they
aren't there. Alternate text is a method for telling the non graphic viewer what was
there. Also, if there is a
problem and for some reason the graphic does not load, your alternate text will be
displayed where your graphic would have been.
Adding the alternate text tag is very easy and looks like this:
< img src="filename.gif" alt="Your description here" >
|
