Tutorial For Putting Links on Webpages

HTML MADE EASY
Free Graphics \| Graphics Optimizer \| Resources \| Freeware
JPEGCruncher Desktop \| T-Shirts

HTML TUTORIAL

Introduction
Lesson1:Tags
Lesson2:Paragraphs
Lesson3:Attributes
Lesson4:Lines
Lesson5:Graphics
Lesson6:Alignment
Lesson7:Links
Lesson8: Tables
Lesson9: Frames

HTML EXTRAS

Uploading Webpages
Quick Reference
Color Chart
Free Web Graphics
Graphics Optimizer
Resources
Free Software

Html Tutorial Book

Html Made Easy is now a book! Don't spend money on books you won't understand, The Complete Html Made Easy takes you every step of the way in building a website, and it makes it fun and easy too!
More Info

Newsletter

Personalize It

Personalize mugs, mousepads and keepsake boxes with just about any name.

MUGS
MOUSEPADS
KEEPSAKE BOXES

Lesson 7: Links

Putting It All Together
Links, this is what the web is all about and it's simple to do by using the anchor tags:

<A> </A>

The anchor tag has an attribute: HREF It means "Hypertext Reference". This attribute tells the browser where to find the link. A link on the same website would look like this:

<A HREF="filename.html">here goes text or image to be clicked </A>

The beginning <A> tag includes the attribute with the file name of the web page you want to link to. Notice that the file name has the html extension, separated by a dot and that it's enclosed in quotation marks. Keep all your pages in the same folder (directory) otherwise you would have to type in the whole path, something like "foldername/filename.html" So keep it simple.

After the beginning anchor tag put the text or graphic you want people to click. This becomes the link to another page.The end </A> finishes the link. Here's how to turn a graphic into a link:

<A HREF="filename.html"> <IMG SRC="graphicname.jpg"> </A>

Don't forget to put these things: < > around the IMG tag and remember the quotes around the graphic file name together with its format, usually either jpg or gif. You now have a graphic that is linked to another page. By default a linked graphic has a border around it, you can remove it by putting a BORDER attribute set to "0" in the IMG tag:

<IMG SRC="graphicname.gif" BORDER="0">

Linking To Another Site
To link to another website you have to type in the entire url (internet address). For instance to link to this website you would put:

<A HREF="http://www.accessv.com/~email/webpages.com">click here</A>

See? The beginning <A> tag contains the entire web address of this site enclosed in quotes. The stuff between the anchor tags is what people will click.

Sending Email
For visitors to be able to send you email from your site, do the same thing but instead of the web address, put your email address after mailto: Example:

<A HREF="mailto:youremail.com">here goes stuff to be clicked</A>

There are no spaces between the mailto: and the email address. See where the quotation marks are in my example? Don't forget them.

There you go. Now you have a workable website. Still want to learn more? Let's see how to make a table in Lesson 8

Graphics | Graphics Optimizer | Resources | Freeware

HTML MADE EASY

Lesson 7: Links