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


HTML 中使用 <a> 標籤定義一個超連結用於連結網頁。

在 HTML 中,<a> 標籤的 href 屬性表明連結的目標位置,它提供了選項,可以指定一個電子郵件地址。要建立一個用於傳送郵件的連結,我們在 HTML 的 href 屬性中使用 mailto: 來指定電子郵件地址。

語法

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

<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-11-2022

2K+ 瀏覽

開啟您的 職業生涯

完成課程以獲得認證

入門
廣告
© . All rights reserved.