HTML - Email Links (2023)

'; var adpushup = adpushup || {}; adpushup.que = adpushup.que || []; adpushup.que.push(function() { adpushup.triggerAd(ad_id); });

(Video) HTML mailto Attribute | How to make an HTML Email Link | HTML Mailto Links - HTML Tutorial 44

It is not difficult to put an HTML email link on your webpage but it can cause unnecessary spamming problem for your email account. There are people, who can run programs to harvest these types of emails and later use them for spamming in various ways.

You can have another option to facilitate people to send you emails. One option could be to use HTML forms to collect user data and then use PHP or CGI script to send an email.

(Video) HTML Tutorial How to Create an Email Link Using HTML

A simple example, check our Contact Us Form. We take user feedback using this form and then we are using one CGI program which is collecting this information and sending us email to the one given email ID.

Note − You will learn about HTML Forms in HTML Forms and you will learn about CGI in our another tutorial Perl CGI Programming.

(Video) How To Hyperlink An Email In HTML To Make It A Clickable Link *2022*

HTML <a> tag provides you option to specify an email address to send an email. While using <a> tag as an email tag, you will use mailto: email address along with href attribute. Following is the syntax of using mailto instead of using http.

This code will generate the following link which you can use to send email.

(Video) Email Link in Html | Part -36 | Html Tutorial Tech Talk Tricks

Now, if a user clicks this link, it launches one Email Client (like Lotus Notes, Outlook Express etc. ) installed on your user's computer. There is another risk to use this option to send email because if user do not have email client installed on their computer then it would not be possible to send email.

You can specify a default email subject and email body along with your email address. Following is the example to use default subject and body.

(Video) How To Embed HTML in Outlook Email | Outlook live & Microsoft 365 [2021]

This code will generate the following link which you can use to send email.


1. Send emails from a HTML Contact Form
(Code with Ania Kubów)
2. HTML Tutorial - 18: Email Links
3. How to create mailto html By raghav Sinha
(TechZone Raghav)
4. How To Send Email from HTML Contact Form Without Any Backend Language
5. HTML Email Signature Tutorial (2023 Novice Tutorial)
(Marty Englander)
6. How to Send HTML Email Templates with Outlook 365
Top Articles
Latest Posts
Article information

Author: Rueben Jacobs

Last Updated: 11/04/2023

Views: 5866

Rating: 4.7 / 5 (77 voted)

Reviews: 84% of readers found this page helpful

Author information

Name: Rueben Jacobs

Birthday: 1999-03-14

Address: 951 Caterina Walk, Schambergerside, CA 67667-0896

Phone: +6881806848632

Job: Internal Education Planner

Hobby: Candle making, Cabaret, Poi, Gambling, Rock climbing, Wood carving, Computer programming

Introduction: My name is Rueben Jacobs, I am a cooperative, beautiful, kind, comfortable, glamorous, open, magnificent person who loves writing and wants to share my knowledge and understanding with you.