More about linking


© Dianne Reuby

Linking with images

You can also use images to link. Create your standard anchor tag:
<a href="brushes.html" title="Dog grooming brushes and combs" target="_blank">Dog grooming brushes and combs</a>

Now replace the linking text (Dog grooming brushes and combs) with an image tag that points to the picture you want to use.

<a href="brushes.html" title="Dog grooming brushes and combs" target="_blank"> <img src="dogbrushes.jpg" alt="Dog grooming brushes and combs" width=88 height=31 border="0"> </a>

As you can see, I've also included the ALT part of the IMG tag with my page keywords. Again, this makes things clearer for visitors and boosts my search engine ranking. Giving my picture a filename with my keywords will help too. Using border="0" removes the blue box that appears by default around linking images. Using the height and width elements will make your page load more quickly.

Linking to email

So what if you want a link to allow visitors to email you? You'll need to use "mailto:", like this: <a href="mailto:me@myaddress.com">Send me an email</a> When visitors click this link, their email program will load, with a the email address you've used in the link.

A warning - the web is scoured by "spambots" which leech out email addresses from web sites. There are several ways of avoiding them - you may have visited sites that don't display an email address, but instead have a contact form for you to fill in. If you want to include your email address, you can encode it to avoid most of the spambots. I use a free program, E-cloaker, from http://www.codebrain.com/freestuff/index... - just type in the email address, press the button, and paste the code into your web page.

Linking to downloads

Linking to downloads is similar - when the link is clicked, the browser will decide what to do with the file. Files with the ".exe" filetype (programs and some ebooks) will be downloaded. PDF files will be opened in Adobe Acrobat Reader, giving the user the opportunity to save them to their hard drive.
<a href="program.exe">Download my program</a>
<a href="report.pdf">Right-click to download my report</a>

Go To Page: 1


The copyright of the article More about linking in Website Creation is owned by . Permission to republish More about linking in print or online must be granted by the author in writing.

Post this Article to facebook Add this Article to del.icio.us! Digg this Article furl this Article Add this Article to Reddit Add this Article to Technorati Add this Article to Newsvine Add this Article to Windows Live Add this Article to Yahoo Add this Article to StumbleUpon Add this Article to BlinkLists Add this Article to Spurl Add this Article to Google Add this Article to Ask Add this Article to Squidoo