如何在 HTML 中创建发送电子邮件的链接?


我们使用 HTML <a> 标记定义用于链接网页的超链接。

<a> 标记的 href 属性指示链接目标。这为我们提供了指定电子邮件地址的选项。要创建用于发送邮件的链接,我们在 HTML 中使用 mailto: 在 href 属性内指定电子邮件地址。

语法

以下是将邮件地址链接到网页的语法。

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

与链接手机号码的方式相同。我们在 href 属性内使用 mailto 而不是 tel。

示例

以下是将邮件地址链接到网页的示例程序。

<!DOCTYPE html> <html> <head><title>None</title></head> <body> <p><a href="mailto:[email protected]">[email protected]</a></p> </body> </html>

当我们单击电子邮件地址时,它会将我们导航到我们系统中的默认邮件应用程序。

示例

以下是另一个将邮件地址链接到网页的示例程序。

<!DOCTYPE html> <html> <head> <title>HTML email link</title> </head> <body> <h2>Contact</h2> <p>For any queries: <a href="mailto:[email protected]">Contact us</a></p> </body> </html>

示例

以下是将邮件地址链接到网页的另一个示例程序。

<!DOCTYPE html> <html> <body> <h2>Creating a link to send email in HTML</h2> <ol> <li><a href="mailto:[email protected]">Mail 1</a></li> <li><a href="mailto:[email protected]">Mail 2</a></li> <li><a href="mailto:[email protected]">Mail 3</a></li> </ol> </body> </html>

更新于: 18-Nov-2022

2K+次浏览

Kickstart事业

完成课程后获取认证

开始
广告