How to Make an Email Link With HTML

The HTML tag will provide a link on your website, which will open a user's email client and create a new message addressed to the email address specified. It accomplishes this task using an <a> tag similar to a website hyperlink. Additional elements can be added to the tag to specify multiple recipients of a message, a default subject line and body text to be displayed in the email. HTML documents can be created in any text editor as long as the file is saved with the ".html" extension, but to get the most out of your HTML documents, many designers prefer a full-fledged graphic HTML editor.

Things You'll Need

• HTML or text editor

Instructions

1. Create a basic link to an email address using the <a> tag. An email link is written in HTML code as <a href="mailto:[e-mail]>Send an email</a>. Replace "[e-mail]" with your email address, and enter the link text to be displayed in between the <a> tags, replacing "Send and email."

2. Add a subject to the email by adding a subject tag to the email link. This would be written as <a href="mailto:[e-mail]?subject=Enter Subject Text Here">Send an email</a>. Replace the elements as described in Step 1, and replace "Enter Subject Text Here" with the subject you wish for your email.

3. Use a "body" tag to enter text to be displayed in the email body. The tag will read as <a href="mailto:[e-mail]?body=Body Text">Send an email</a>. Replace "Body Text" with the text you wish to appear in the email when a user clicks on the link.

4. Copy an email to a second recipient by adding a CC or BCC tag after the email address. This is written as <a href="mailto:[e-mail]?cc=[e-mail]">Send an email</a>. Replace "cc" with "bcc" if you wish to blind copy the email.

5. Combine email tag elements using an "&" tag. Combined elements will read as <a href="mailto:[e-mail]?cc=[e-mail]&subject=Email Subject&body=Email Body">Send an email</a>. Replace the various elements with your own information.

References

• JoyofCode.com: How To: Make An Email Link
• HTML Code Tutorial: How do I create an email link?