map


Links

Links.. well without 'em.. no one is going anyhwere on the internet! A link consists of three parts:

The first part is the "where are you going to statement".. and it will look like this <a href="http://www.oocities.org">

The second part is the "click here".. that's what is visible to the page viewer

The third is to close the link..</a>

Put it all together and you will have this:
<a href="http://www.oocities.org"> Click here </a>
Click here

A couple of side notes here for you..

1) Do NOT forget to use your quotation marks! If you leave one out.. some of your text will disappear.. and the link will be non-existant.
2)Your 'click here' statement can say anything you'd like to say.
3)Do NOT forget to close that with the </a>. If you do forget.. EVERYTHING below that link .. will also be linked! makes for a really big mess.

Now that we know the basics of links.. let's move to onto another part of a link.. Let's say that you have a really large page.. and you want to give people a choice where to go.. on just that one page... or lead them to a specific section.. that is on another page...*whoa! getting complicated eh?.. don't panic..*

We can lead them with what we call anchor tags.. All these tags are .. is embedding another tag into the body of your page... such as this:
<a href="#jump">jump point</a>
jump point



















<a name="jump">landing spot
That's great! We can get people to EXACTLY where they want to go on our pages now! But what if that 'landing spot is halfway down on a different page?
<a href="link2a.html#different">Different page jumping spot</a>
Different Page jumping spot












Hmm, bet you noticed something eh? Had to scroll up to get back to here.. and you're thinking.. "The blasted thing doesn't work! She's lying to us!" Well.. nope... haven't lied to you.. just showed you something... The page you're on now is set up in a table. *See tables if you're not sure what those are, but if you're a newbee, stay here till you catch on* When you have an anchor tag <a name="anything here">, inside a table.. it won't work.. when the main link is from an entirely different page, or in a table, outside of the main table....*I know I'm getting confusing here* I know, you're thinking.. "wait a sec.. it just worked with the other link!" That's because the link and the anchor are all within the same main table *this whole page*

Hey! that reminds me... there's just another thing about links that you should know... that will come in handy in the next lession which will be images... and that is those URL's... you know.. it gets pretty redundant.. typing the entire thing in.. http://www.oocities.org/SouthBeach/Marina/3202/index.html... WOW! lots of keystrokes there.. and with things that long.. doing anything can be discouraging... BUT.. there's an easier way!.. ready?

You see... the SouthBeach/Marina/3202 URL is my page.. so I'm just referencing something that already exists.. that is in the same .. hmmm.. for lack of a better word.. "folder". So.. what we're going to do is shorten that url to this...
<a href="index.html">My main page</a>
My main page
*you can push that link if you'd like.. it'll take you right to the beginning of my pages*.. but do you see how I shortened it? I left out the .... http://www.oocities.org/SouthBeach/Marina/3202 .. part.. because this page that you're reading now.. is already part of that system. No need to be redundant on things.. it saves the fingers from cramping if you're going to have lots of links and images.

Ok... guess the last thing you really need to know is how to make that nifty mailto link everyone loves to push.

<a href="mailto:">Push to send Eve email</a>
Push to send Eve email

Ok.. there's only one more thing to add onto that.. let's see how this does...
<a href="mailto:?subject=questions">wanna email some more?</a>
wanna email some more?
We just told it to add a subject matter to our email! Mind you the subject matter doesn't have to be 'questions' on your mailto links..

A few thoughts and FAQ's about links:

  • Can I change the colors of individual links?
    Yes, to an extent. You have your link colors set up already in your body tags, but what happens if you want one to stand out.. *and please don't use <blink> to do it* .. so we can go like this: <a href="index.html"> <font color="#c12267"> Different colored link </font></a> Different colored link

    Now that will not work with all browsers. MSIE3.x doesn't seem to recognize it. If you need more colors, be sure to check the color chart.

  • How do I make a link that will break me out of someone else's frames?!
    Ok, someone has built frames and stuck your page inside of them.. when they linked your page.. *sigh* Well first thing I'd do is email them and ask them to correct it.. and the second thing I'd do is put a link on my page to break me out.. There's two ways to do it: <a href="link1a.html" target="parent"> Break out of frames opening a new browser window </a> Break out of frames opening a new browser window <a href="link1a.html" target="_top"> Break out of frames keeping the same browser window open </a> Break out of frames keeping the same browser window open

    Happy linking!!




    | Text Size & Types | | Font Colors & Faces | | Combining Attributes |
    | Color Chart | | Alignment | | Horizontal Rules | | Images |
    | Links | | Lists & Blockquotes | | Tables | | Midis & Sounds |
    | How to Start Your Page | | So You Want a Featured Page? |
    | Guestbooks, Counters, and Other Things for your page |

    | Techno Realm | |Sign Guestbook | |View Guestbook | Email |

    This site created and maintained by:
    Eloquent Vision Enterprises
    Copyright ©1996-98 All Rights Reserved.

    Eve's Realm is not responsible for this, or any banner, within this table. Click at your own risk.