Part 1:
Create hyperlinks at http://www.w3schools.com/html/tryit.asp?filename=tryhtml_links
This example demonstrates how to create links in an HTML document.
An image as a link at http://www.w3schools.com/html/tryit.asp?filename=tryhtml_imglink
This example demonstrates how to use an image as a link.
Part 2:
Use these to jump around or read it all
Creating A
Hypertext Link at http://www.htmlgoodies.com/primers/html/article.php/3478171#how
Here's What's Happening at http://www.htmlgoodies.com/primers/html/article.php/3478171#heres
E-Mail Links From
Your Page at http://www.htmlgoodies.com/primers/html/article.php/3478171#email
W elcome to day four. Today you will learn only one thing: How to create a link to another page. It's a set tag format like any of the others you have seen so far. Once you learn the format, you can make as many links as you want to any other page you want.
Now an example: What is below would create a link to the HTML Goodies home page.
<A HREF="http://www.htmlgoodies.com"> Click Here For HTML Goodies </A> Here's What's HappeningHere's what will appear on the page using the command above...
Click Here For HTML Goodies at: http://www.htmlgoodies.comNow, without clicking, simply lay your pointer on the blue words. You'll see the address of the link you created come up along the bottom of the browser window, down where it usually reads "Document Done".
What To Write For The Link?
There are a couple different schools of thought on this. One suggests that what you write for links should be quite blatant. This includes text like "Click here for this" or "Here's a link to...". The other states that since the hypertext links will be blue (or whatever color they're set to), that the links should be just another word in the text set up as a link.
In reality it depends what you're doing. If you're building a menu bar down the side of your page (like down the left hand side of this page) then the last thing you want is for every single link to say "Click here for HTML Primer 1 - an introduction" - simply because your menu would be as wide as your page...
However, for accessibility reasons you should try to make sure your links make sense out of context - diasbled people navigating your page can jump around hyperlinks using the "tab" key (there should be one on the left of your keyboard too). If the have skipped directly to your hyperlink which says "here" then they won't know what it's about. If they skip to one that says "HTML Primer: Introduction" then they know whether or not they want to click.
This is what's known as a mailto: command. It follows the same coding scheme as the hypertext link above. What this format does is place blue wording on the screen that people can click to send you a piece of e-mail.
Here's the pattern:
<A HREF="mailto:jburns@htmlgoodies.com"> Click Here To Write Me </A>
Notice it's the same format as a link except in a link you write "mailto:" in place of the http:// and your e-mail address at http://www.htmlgoodies.com/primers/html/article.php/3478171# in place of the page address. Yes, you still need the </A> tag at the end. Please notice there is NO SPACE between the colon and the e-mail address.
Here's what you get using the "mailto:" command above:
Type the following document below for Friday: November 10, 2006. This is how it will be displayed on the Internet.
To see how the actual document looks like with HTML coding, go to: http://www.kuzmich.com/carmody/business/HTML2.html
HTML Fundamentals: Creating Links
(taken from http://www.labrocca.com/htmlementary/
by you