Search within TutorialsPark

HTML Email


Create links to send email to predefined address using user's email program.


Mailto Link

1.The anchor element <a> can be used to create email links or mailto links.

2.The mailto link when clicked opens users default email program or software. A new email page is created with "To" field containing the address of the name specified on the link by default.

Example:Email Links or Mailto

Give it a TRY! »

Note-Mailto links may attract a lot of spam to your inbox.


Advanced properties of a Mailto Link.

1.Along with the mailto links shown above you also send other parts of the message such as Subject, Body text and specify mode of sending "cc" and "bcc"

2.To use any of the advanced mailto link options add a "?" after the email address(to separate),then add name/value pairs of the properties

Eg: <a href="mailto:example@tutorialspark.com?subject=Feedback">

3.You can also use multiple properties by separating the name/value pairs with an ampersand ("&").

Eg: <a href="mailto:example@tutorialspark.com?subject=Feedback&cc=admin@example.org">


Mailto link Properties and Descriptions.

Subject: The user's email program's subject field contains the value specified within subject property by default.

Body: Adds a message by default in users email program which the user can alter or delete.

cc: To send a "Carbon Copy" of the email to the email address specified, multiple addresses are seperated by comma.

bcc: To send a "Carbon Copy" of the email secretly such that no recipient can see other recipients.


Mailto Link with Subject.

1.To add spaces between words in the subject use the code "%20".However most systems can work with regular spaces.

Example:Mailto Link with Subject.

Give it a TRY! »

Note-In the above example, the default email program's subject field will contain the text "Feedback" when it first opens up.

Mailto Link with cc and bcc

1.When the user clicks on mailto link using properties of cc and bcc the email program opens up with field cc and bcc containing email addresses of recipients specified in the value.

2.Remember that using cc allows recipients to see each other, while using bcc keeps all recipients secret.

Example Link Target _blank Attribute.

Give it a TRY! »

Note-While using cc and bcc both make sure they are separated by a ampersand("&").

Mailto Link :Body

1.You can use the body parameter to add a default message into the body section of the email.

2.It usually contains formal greetings, contact address etc.However the user can alter or delete the message.

Example:Mailto link using Body parameter

Give it a TRY! »

Note-To make text within the Body to appear on a new line use the URL encode %0%A.


Related Examples

Related Tags