HTMLisEasy.com
HTML tutorials for the rest of us...

An email link works in much the same way. We just use mailto: and an email address instead of a page address.

<body>
Send me <a href="mailto:forrest@bubbagump.com">Mail!</a>
</body>
Send me Mail!

One thing to keep in mind about email links... it's always a fine idea to have your actual email address readable on your page. Some of your visitors may be at computers where emailing through a mailto link may not work so well. Making your email address visible will help.

<body>
Email me at 
<a href="mailto:forrest@bubbagump.com">forrest@bubbagump.com</a>
</body>
Email me at forrest@bubbagump.com

FAQ: How can I specify a Subject for my email message?

A: Very easily, but there's a catch. You can add a subject to the link as follows...

<a href="mailto:forrest@bubbagump.com?subject=Hey Bubba!">

... but, be advised that floating around out there is the occasional email client that doesn't know what to do with that subject. For those people, the email may appear to be sent, but in reality it may simply disappear into oblivion. If this rare glitch is a concern to you, then don't specify a subject.


We can make an image a link if we want. Using the "Go to CNN" example, we simply substitute an <img> tag for the word CNN.

<body>
Go to <a href="http://www.cnn.com/"><img src="chef.gif"
width="130" height="101"></a>
</body>
Go to


FAQ: How do you get rid of that ugly blue border around an image link?

A: Simple... add border="0" to the <img> tag. (See below.)

<body>
Go to <a href="http://www.cnn.com/"><img src="chef.gif"
width="130" height="101" border="0"></a>
</body>
Go to
<< BACK NEXT >>
So, you want to make a Web Page!
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
Index & Quick Reference      Upload Your Pages      Color Charts      ColorPicker
HTML 4.0 Reference      Barebones HTML Guide