How to Create an Email Link Using HTML Programming

Step-by-Step Guide

1. 1

   Step 1: Utilize the anchor tag (<a>) along with an href="" attribute to begin the link in your HTML document.

   Href generally gives the browser the link to the item.
   
   You'll need to add all HTML code up to this point before crossing any further into the document.
2. 2

   Step 2: Gather all the parts you'll need to format your email link syntax.

   You'll need to have the "mailto:" and the users email line ready. , A properly formatted command so-far would be href="mailto: [email protected]" . , While most often not used, it is possible to add information to prefill the subject line via the mailto syntax.
   
   However, it's more often used when the mail is being sent to a server inside a robot that handles incoming mail so it can be processed later (so it can be filtered). , Type a question mark followed by the trigger word "subject" followed by an equals sign followed by the subject inside a pair of quotation marks.
   
   Try not to use characters that aren't alphanumeric in the subject line.
   
   There are ways to work around this so your link doesn't get stumped and thinks it's part of something else". , You can add "body" as well as a cc or a bcc line, just make sure to use a question mark followed by the term "body"/"cc"/"bcc" followed by an equals sign followed by the prefilled text for that line. , After your ending triangular bracket on the front of the tag, you'll need something to designate this item as an email link.
   
   This can be a word, a phrase, or even a duplicate copy of the person's email address this is being sent to.
   
   Most often, this can be the phrase "here" or "this" or something of that sort. , Anchor tags must have closure for this trick to work and not make the remainder of the page become an extension of the anchor tag.
   
   Type </a> to close it off. ,
3. 3

   Step 3: Type "mailto:" then the users email (excluding these quotation marks since they were added above) alone.

4. 4

   Step 4: Recognize if you'll need to set a "subject" line pre-fil in your command-link.

5. 5

   Step 5: Add a subject-line syntax after the email address (optional).

6. 6

   Step 6: Recognize some of the other things you can prefill using the same basic sort of workaround.

7. 7

   Step 7: Label your email link.

8. 8

   Step 8: Finish the anchor tag.

9. 9

   Step 9: Continue the remainder of the HTML document.

Detailed Guide

About the Author