Send me Mail!
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>
|
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. |
|
FAQ: How can I get rid of the underline in my links? A: Well, technically that can't be done with HTML. But, it can using Style Sheets. If you put the following between the <head> tags of your document, the browser should render all the links on a page without an underline...
<style type="text/css">
a:link, a:visited, a:active {text-decoration:none}
</style>
That's just dandy, but what if I just want to get rid of the underline on only one or two links? You can use a style suggestion within the link itself...
<a href="mailto:forrest@bubbagump.com"
style="text-decoration:none">Mail!</a>
You'll find much more on Style Sheets (or CSS... Cascading Style Sheets) in CSS Tutor. But that's for another day. Remember, walk before run ;-) |
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>
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>
| 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 Table of Contents ColorPicker BareBones HTML Guide |
| Color Charts Simple Font Widget Practice Exercises Where are my images? |
| Print version of this tutorial available - Get the PageTutor Book & CD |
| Tutorial reposted with permission, courtesy PageTutor.com |