ayahsaba76.blogspot.com
 | So, you want to make a Web Page! Lesson 13 |
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>
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>
|
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>
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.)
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
