How to Create an Email Link in HTML

PDF download Download Article
PDF download Download Article

Do you want to make it easy for your website visitors to send you an email? Creating an HTML mailto link makes it so your visitors can quickly send you a message just by clicking a hyperlink that opens a new message to the email address of your choice. We'll show you the proper tags and syntax to use to create simple HTML email hyperlinks on your website.

Steps

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-1.jpg","bigUrl":"\/images\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/aid1794734-v4-728px-Create-an-Email-Link-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>\u00a9 2024 wikiHow, Inc. All rights reserved. wikiHow, Inc. is the copyright holder of this image under U.S. and international copyright laws. This image is <b>not<\/b> licensed under the Creative Commons license applied to text content and some other images posted to the wikiHow website. This image may not be used by other entities without the express written consent of wikiHow, Inc.<br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    Type the anchor tag <a href= in your HTML document . The "<a href=" attribute begins the link in your HTML document. The "<a href=" tag generally tells the browser that the following item is a link. [1]
    • You'll need to add all HTML code up to this point before crossing any further into the document.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-2.jpg","bigUrl":"\/images\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/aid1794734-v4-728px-Create-an-Email-Link-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>\u00a9 2024 wikiHow, Inc. All rights reserved. wikiHow, Inc. is the copyright holder of this image under U.S. and international copyright laws. This image is <b>not<\/b> licensed under the Creative Commons license applied to text content and some other images posted to the wikiHow website. This image may not be used by other entities without the express written consent of wikiHow, Inc.<br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    after the "=" sign. This tells the web browser that the following link is to an email address, rather than a web page. [2]
    Advertisement
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-3.jpg","bigUrl":"\/images\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/aid1794734-v4-728px-Create-an-Email-Link-in-HTML-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>\u00a9 2024 wikiHow, Inc. All rights reserved. wikiHow, Inc. is the copyright holder of this image under U.S. and international copyright laws. This image is <b>not<\/b> licensed under the Creative Commons license applied to text content and some other images posted to the wikiHow website. This image may not be used by other entities without the express written consent of wikiHow, Inc.<br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    A properly formatted command so-far would be <a href=mailto:<nowiki> agentavery@sample.com " . [3]
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-4.jpg","bigUrl":"\/images\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/aid1794734-v4-728px-Create-an-Email-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>\u00a9 2024 wikiHow, Inc. All rights reserved. wikiHow, Inc. is the copyright holder of this image under U.S. and international copyright laws. This image is <b>not<\/b> licensed under the Creative Commons license applied to text content and some other images posted to the wikiHow website. This image may not be used by other entities without the express written consent of wikiHow, Inc.<br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    If you wish to add a pre-made subject, type a question mark (?) after the user's email address, followed by the word "subject" (without the quotation marks), followed by an equals sign (=), followed by the subject inside a pair of quotation marks. [4]
    • If you want to add this to your command, it should look like this so far: <a href=mailto:<nowiki>agentavery@sample.com?subject="subject text"
    • 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".
    • 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).
    • You can add "body" as well as a cc or a bcc line using a similar syntax. Just make sure to use a question mark followed by the term "body","cc", or "bcc" followed by an equals sign followed by the text for that line in a pair of quotation marks.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-5.jpg","bigUrl":"\/images\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/aid1794734-v4-728px-Create-an-Email-Link-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>\u00a9 2024 wikiHow, Inc. All rights reserved. wikiHow, Inc. is the copyright holder of this image under U.S. and international copyright laws. This image is <b>not<\/b> licensed under the Creative Commons license applied to text content and some other images posted to the wikiHow website. This image may not be used by other entities without the express written consent of wikiHow, Inc.<br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    So far, our HTML commands tell the web browser what email address to link to, and to add a subject/cc/bcc. The closing bracket ">" tells the web browser that there are no more commands to execute when the link is clicked.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-6.jpg","bigUrl":"\/images\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/aid1794734-v4-728px-Create-an-Email-Link-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>\u00a9 2024 wikiHow, Inc. All rights reserved. wikiHow, Inc. is the copyright holder of this image under U.S. and international copyright laws. This image is <b>not<\/b> licensed under the Creative Commons license applied to text content and some other images posted to the wikiHow website. This image may not be used by other entities without the express written consent of wikiHow, Inc.<br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    Type link text . This is the text the user clicks on to open the email link. It goes after the closing bracket. 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.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-7.jpg","bigUrl":"\/images\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/aid1794734-v4-728px-Create-an-Email-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>\u00a9 2024 wikiHow, Inc. All rights reserved. wikiHow, Inc. is the copyright holder of this image under U.S. and international copyright laws. This image is <b>not<\/b> licensed under the Creative Commons license applied to text content and some other images posted to the wikiHow website. This image may not be used by other entities without the express written consent of wikiHow, Inc.<br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    This closes the HTML command. HTML 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. [5]
    • The entire HTML email link command should look something like this: <a href=mailto:<nowiki>agentavery@sample.com?subject="HTML link">Click here to send us an email!!!</a>
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-8.jpg","bigUrl":"\/images\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/aid1794734-v4-728px-Create-an-Email-Link-in-HTML-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>\u00a9 2024 wikiHow, Inc. All rights reserved. wikiHow, Inc. is the copyright holder of this image under U.S. and international copyright laws. This image is <b>not<\/b> licensed under the Creative Commons license applied to text content and some other images posted to the wikiHow website. This image may not be used by other entities without the express written consent of wikiHow, Inc.<br>\n<\/p><p><br \/>\n<\/p><\/div>"}
    Be sure to save your work. If you have more HTML to add to your document, continue your work.
    9. Advertisement

Community Q&A

Search
Add New Question
  • Question
    How can I create a personal email system with @my website name, so a user or client can chat me directly through it and how do I create a chat platform or interface just like a messaging platform?
    Free Eagle
    Community Answer
    If you have Cpanel you can go to the "Email Accounts" and click on the "Create" button (generally on the right) and create whatever name@yourwebsite.com you want. After you have created the email address, go to softaculous Apps (in Cpanel), then go to "Customer Support" and download one of the help desk apps. Direct the messages to the set email.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 4 Helpful 11
  • Question
    Where will I get HTML from?
    faith daniel
    Community Answer
    HTML is a markup language that doesn't require any special download since the tools needed are already installed on your computer, e.g notepad, notepad++, etc. But you might consider getting more advanced and flexible software to run your codes in real-time, those includes sublime text, brackets, atom, vs code, etc.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 2 Helpful 8
  • Question
    How do you add an email link to a web page?
    Community Answer
    Highlight the text you want to link, click the link icon, and select "Email" from the drop-down. (Optional) Edit the text you want to display as the link. Enter the email address you want contacts to send to in the Email address field. Click Insert. Click Done.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 14 Helpful 5
See more answers
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Video

      Tips

      • The anchor HTML tag <a> tag can be used in different ways. Better to learn about it completely to use it effectively.
        Thanks
        Helpful 0 Not Helpful 0
      • Anchor tags must be placed inside the body (<body>...</body>) section of the HTML document. Don't put it anywhere else or it ends up causing errors or immediately opening the email agent when you load the webpage its listed on, no matter if you are previewing it or your visitor is opening this page, and could cause some aggravation for unintentional opening.
        Thanks
        Helpful 0 Not Helpful 0
      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      Warnings

      • Putting email address on a web page can cause a spamming problem for email accounts. There are many guys over the Internet who can run programs to harvest these types of emails for spamming. So, who puts email link on a public website have to be prepared for anti-spamming as well.
        Thanks
        Helpful 4 Not Helpful 2
      • Check the recipient name before you send the mail.
        Thanks
        Helpful 1 Not Helpful 3
      • If users do not have email client installed on their computer then it would not be possible to send you email.
        Thanks
        Helpful 0 Not Helpful 3
      Advertisement

      You Might Also Like

      How to
      to Access Email on a Computer, Phone, or Tablet
      6 Easy Steps to Change Your Email Password on Your iPhone
      How to
      Make an Email Account
      4 Easy Ways to Open an Email Sent to You
      How to
      Find Your Email’s Incoming and Outgoing Mail Servers
      How to
      Fix an AOL Email Problem
      How to
      Make an Email Address for Free
      How to
      Ask for Feedback Over Email: Guide, Expert Tips, & More
      Simple Steps to Set Up an Email Address with Gmail, Outlook + More
      How to
      Create Multiple Email Accounts
      How to
      Write a Formal Email
      Easy Email Tracing: Find the Location, True Sender, & More
      2 Simple Ways to Send a Text Message to Your Email
      How to
      Send Emails to Multiple People Individually: 3 Step-by-Step Methods
      Advertisement

      References

      1. ↑ https://www.freecodecamp.org/news/mailto-link-how-to-make-an-html-email-link-example-code/
      2. ↑ https://www.freecodecamp.org/news/mailto-link-how-to-make-an-html-email-link-example-code/
      3. ↑ https://www.freecodecamp.org/news/mailto-link-how-to-make-an-html-email-link-example-code/
      4. ↑ https://www.computerhope.com/issues/ch000056.htm
      5. ↑ https://www.rapidtables.com/web/html/mailto.html

      About This Article

      Article Summary X

      1. Type "

      Did this summary help you?
      In other languages
      Thanks to all authors for creating a page that has been read 662,451 times.

      Is this article up to date?

      Advertisement