如何在 HTML 中建立傳送電子郵件的連結?


我們使用 HTML <a> 標記定義用於連結網頁的超連結。

<a> 標記的 href 屬性指示連結目標。這為我們提供了指定電子郵件地址的選項。要建立用於傳送郵件的連結,我們在 HTML 中使用 mailto: 在 href 屬性內指定電子郵件地址。

語法

以下是將郵件地址連結到網頁的語法。

<a href="mailto:xx@gmail.com">xx@gmail.com</a>

與連結手機號碼的方式相同。我們在 href 屬性內使用 mailto 而不是 tel。

示例

以下是將郵件地址連結到網頁的示例程式。

<!DOCTYPE html> <html> <head><title>None</title></head> <body> <p><a href="mailto:lokesh@gmail.com">lokesh@gmail.com</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:demo@example.com">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:someone1@example.com">Mail 1</a></li> <li><a href="mailto:someone2@example.com">Mail 2</a></li> <li><a href="mailto:someone3@example.com">Mail 3</a></li> </ol> </body> </html>

更新於: 18-Nov-2022

2K+次瀏覽

Kickstart事業

完成課程後獲取認證

開始
廣告
© . All rights reserved.