top left
The HTML Source Logo


 html
Top Right
    
 Getting StartedHow Do I...TroubleShootingPromotionContact Us
 html
HTML
SEARCH THE SITE
advanced search



CATEGORIES
Home
Getting Started
HTML Cheat Sheet
Webmaster Tools
HTML Help Forum
Color Codes
Link to us









































bottom
HTML HTML HTML HTML
How Do I Make An E-Mail Link?


Having an e-mail link can be very helpful to your user's who visit your web page. It allows them to quickly and easily send you an e-mail just by clicking a simple link.

How to do it

To add an e-mail link to your web page, do the following:

First, you need to place a A HREF tag on your page where you would like the e-mail link to appear on your we page. The A HREF basically tells the browser, you want to go to a specified place on the world wide web. Your tag should look like this:

<A HREF="">


Next, your going to tell the <A HREF=""> where to go. To do this add a mailto:? within the "" of your code. Replacing the ? with the e-mail address of the person you want to receive the messages. Your code should look something like this:

<A HREF="mailto:you@youremail.com">

Now you need to give your user's something to click on in order to e-mail you, wither that be some text, or an image, that's up to you. In this example well just use a line of text that say's CLICK HERE TO E-MAIL ME. We place this right after our code, so it should look like this:

<A HREF="mailto:you@youremail.com">CLICK HERE TO E-MAIL ME

Finally we end it all with an ending </A> tag, our whole code should look like this:

<A HREF="mailto:you@youremail.com">CLICK HERE TO E-MAIL ME</A>

This is what it looks like in the browser:

CLICK HERE TO E-MAIL ME


Go ahead, click it, it will allow you to write to me.

Example

      A text e-mail link:

<A HREF="mailto:you@youremail.com">CLICK HERE TO E-MAIL ME</A>

This is what it looks like in the browser:

CLICK HERE TO E-MAIL ME





      A image e-mail link:

<A HREF="mailto:you@youremail.com"><img src="yourimage.gif"></A>

This is what it looks like in the browser:



Most people don't like that ugly border around there images, so if you want to get rid of this, just add a border="0" tag to your image tag. Looks something like this:

<A HREF="mailto:you@youremail.com"><img src="yourimage.gif" border="0"></A>

This is what it looks like in the browser:




< BACK







Company   |   Careers   |   Partners   |   Advertising   |   Help
Privacy Policy   |   Trademark Notices   |   User Agreement
2001 TheHTMlSource.com, INC. All Rights Reserved.



Site hosted by Angelfire.com: Build your free website today!