Skip to content

HTML email link | Simple example code

You can easily carte an HTML email link by using a <a> tag option. Just use mailto: attribute with an email address.

Read more: How to Create Mailto HTML Links

Syntax

<a href = "mailto: [email protected]">Send Email</a>

HTML email Link Example

You can specify a default HTML email link with the subject and email body along with your email address. The below example used the default subject and body.

Note: Use code syntax same as below otherwise it could not work properly.

<!DOCTYPE html>
<html>
<body>
    
   <a href = "mailto:[email protected]?subject=Feedback&body=Message">
Send Feedback
</a>
</body>
</html>

Output:

HTML email Link Example

Q: How do you hyperlink an email address?

Answer: You can do hyperlink by simply adding mailto into the regular hyperlink href code followed by your email address.

HTML Email Address Hyperlink Code

<a href="mailto:[email protected]">eMail Us</a> 

Button Email Address HTML Code

<form>
<input type="button" value="Send eMail" onclick="window.location.href='mailto:[email protected]'" />
</form> 

You can use CSS to create Styled email Button in webpage or HTML.

Do comment if you have any doubts and suggestions on this tutorial.

Note: The All HTML Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version

2 thoughts on “HTML email link | Simple example code”

  1. Hi just wanted to give you a brief heads up and let you know a few of the
    images aren’t loading correctly. I’m not sure why but I think its a linking issue.
    I’ve tried it in two different internet browsers and
    both show the same results.

    1. Hi,
      Thanks for this update, we checked, and it’s working fine. But still, we did clear the cache, now you can check and let me know. It is possible you are facing an issue because of the CDN server, we also flushed cache for it.

Leave a Reply

Your email address will not be published. Required fields are marked *