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.evisione.com">

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.evisione.com"> 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

<a name="home"> Hmm, nifty eh?

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.evisione.com/html/index.html... WOW! lots of keystrokes there.. and with things that long.. doing anything can be discouraging... BUT.. there's an easier way!.. ready?

So.. what we're going to do is shorten that url to this...
<a href="index.html">My main page</a>
The first page of the HTML tutorials
*you can push that link if you'd like.. it'll take you right to the beginning of these pages*.. but do you see how I shortened it? I left out the .... http://www.evisione.com/html/ .. 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:someone@somewhere.com">Push to send email</a>
Push to send email

Ok.. there's only one more thing to add onto that.. let's see how this does...
<a href="mailto:someone@somewhere.com?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="http://www.evisione.com"> <font color=""#c12267"> Differnt 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 href="link1a.html" target="_top">

Break out of frames keeping the same browser window open

How do I get links to not have lines under them on my pages?
<style><!--A { text-decoration: none;}--></style>
should go up after the title and before the head in your HTML page.

Happy linking!!

Text Size & Types | Font Colors & Faces
Combining Attributes | Color Chart
Images | Alignment
Horizontal Rules | Links | Lists
Tables | Resolution | Midis & Sounds
FTP

Copyright © 1996-
Rose Swinson, Eloquent Vision, Evisione
All rights reserved