How to Create a Link to Send Email in HTML ?

Last Updated : 16 Jun, 2025

Incorporating email links into HTML pages facilitates a smooth way for users to send a message directly from the webpage. We will see how to create these email links, making your web pages user-friendly and interactive.

Using Mailto Protocol with Predefined Subject

To create a link to send an email in HTML, we use the mailto protocol. The basic structure for creating a link to send an email in HTML uses the standard anchor tag <a> but with the href attribute pointing to a special mailto protocol instead of a regular URL. After the email address, we can add a question mark (?) to separate parameters. We use the keyword subject followed by an equal sign (=) and then the text to add the subject.

Example 1: Creating a link to send email in HTML Using Mailto Protocol with a Predefined Subject

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Email Link with Subject</title>
</head>
<body>
    <h2>Send Email</h2>
    <a href="mailto:[email protected]
         ?subject=Saying%20hello%20from%20GFG">
        Send Email With Subject
    </a>
</body>
</html>

Output

email-link-with-subject — Email Link with Predefined Subject

Creating a Link to send Emails with predefined CC and BCC

To define BCC recipient we use the "bcc" attribute. Similarly, we use the "cc" attribute to define the CC recipient. We will use ampersand (&) to join parameters. We used &[email protected] to add the carbon copy recipient and &[email protected] to add a blind carbon copy recipient.

Example 2: Creating a link to send email in HTML with predefined CC (Carbon Copy) and BCC (Blind Carbon Copy)

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Email Link with Subject</title>
</head>
<body>
    <h2>Send Email</h2>

    <a href="mailto:[email protected]
         ?subject=Saying%20hello%20from%20GFG
         &body=Hello%20there,%20this%20is%20predefined body
         &[email protected]
         &[email protected]
         ">
        Send Email With CC and BCC
    </a>
</body>
</html>