Beranda
»
Artikel
»
Membuat Link Email Di Dalam HTML

Membuat Link Email Di Dalam HTML

Sebuah link atau tautan digunakan untuk menghubungkan satu halaman dengan lainnya. Link juga dapat difungsikan untuk memanggil aplikasi lain yang sudah terinstall pada perangkat. Pada HTML, Link atau hyperlink merupakan implementasi dari elemen HTML tag <a>. Pada elemen tag ini, dapat digunakan untuk memanggil aplikasi email yang sudah terinstall seperti Gmail, Yahoo Mail, Outlook Express, Microsoft Outlook, Gmx Mail dan lainnya.

Link email merupakan suatu link atau tautan yang di dalamnya terdapat suatu alamat email. Saat pengguna melakukan klik pada tautan tersebut, maka aplikasi misalnya Gmail atau Microsoft Outlook akan terpanggil dan terbuka. Pada aplikasi tersebut, alamat email tujuan sudah diisi sesuai dengan alamat email yang sudah ditentukan sebelumnya.

Membuat Link Email Default Di Dalam HTML

Untuk membuat link email, digunakan elemen tag HTML berupa <a>. Pada elemen tag tersebut atribut elemen berupa href (hyperlink reference) perlu ditetapkan yang berisi mailto:. Anda tidak perlu menggunakan isi berupa alamat URL, karena link referesi tersebut hanya akan memanggil halaman lain. Namun di sini tujuannya adalah untuk memanggil aplikasi lain (aplikasi email), jadi akan menggunakan mailto:

HTML

<!DOCTYPE html>
<html>
<head>
   <title>Membuat Link Email Default</title>
</head>
<body>
   <p>Membuat link email default di dalam HTML</p>
   <p>Klik link berikut untuk mengirimkan email :</p>
   <p><a href="mailto:">Kirim Email</a></p>
</body>
</html>

Hasil Script :

Membuat link email default di dalam HTML

Klik link berikut untuk mengirimkan email :

Kirim Email

Berikut tampilan saat link email tersebut diklik (tampilan default tanpa isi apapun dari artibut mailto:) :

Membuat Link Email Dengan Alamat Email Tertentu

Pada contoh di atas masih berupa tampilan standar untuk berkirim email yaitu tanpa alamat email yang ditetapkan. Agar alamat email dapat secara otomatis muncul dan tampil saat aplikasi email terbuka. Anda perlu menambahkan alamat email pada atribut mailto:. Misalnya anda akan berkirim email kepada alamat email funky_person@gmail.com, maka penulisannya adalah mailto:funky_person@gmail.com.

HTML

<!DOCTYPE html>
<html>
<head>
   <title>Membuat Link Email</title>
</head>
<body>
   <p>Membuat link email dengan alamat tertentu di dalam HTML</p>
   <p>Klik link berikut untuk mengirimkan email :</p>
   <p><a href="mailto:funky_person@gmail.com">Kirim Email</a></p>
</body>
</html>

Hasil Script :

Membuat link email dengan alamat tertentu di dalam HTML

Klik link berikut untuk mengirimkan email :

Kirim Email

Berikut tampilan saat link email tersebut diklik :

Membuat Link Email Disertai Subject dan Body Email

Struktur standar dalam berkirim email harus menyertakan subject dan body email. Jadi email dikirimkan tidak dalam keadaan kosong. Subject email berisikan subyek, tema ataupun highlight dari konten yang akan dikirimkan. Sedangkan body email merupakan konten email aktual berisikan deskripsi dan ulasan untuk dibaca oleh penerima.

Untuk menyertakan subject dan body email pada link email, anda perlu menambahkan parameter ? (tanda tanya) yang dilengkapi dengan subject=isi_subject&body=isi_body.

Namun sebelum menambahkan subject dan body email, anda perlu memahami terlebih dahulu tata cara dalam menambahkan teks pada suatu isi link. Isi dari link pada dasarnya adalah URL, dan teks di dalam URL harus aman dari karakter alphanumeric yang dilarang. Karakter huruf seperti spasi putih, tanda enter, tabulasi dan lainnya tidak boleh diikutkan di dalam suatu URL. Namun huruf yang tidak aman tersebut harus didecode terlebih dahulu.

Pada teks normal pendek yang terdapat spasi putih, anda cukup menggantinya dengan karakter %20. Untuk konten email berisi tulisan teks yang panjang, silahkan kunjungi URL Encoder Online agar anda leluasa dalam melakukan encode maupun decode karakter.

HTML

<!DOCTYPE html>
<html>
<head>
   <title>Membuat Link Email</title>
</head>
<body>
   <p>Membuat link email dengan subject dan body email di dalam HTML</p>
   <p>Klik link berikut untuk mengirimkan email :</p>
   <p><a href="mailto:funky_person@gmail.com?subject=contoh%20berkirim%20email&body=Ini%20adalah%20isi%20dari%20email.%20Anda%20dapat%20berkreasi%20dengan%20konten%20email%20yang%20lebih%20menarik%20lagi">Kirim Email</a></p>
</body>
</html>

Hasil Script :

Membuat link email dengan subject dan body email di dalam HTML

Klik link berikut untuk mengirimkan email :

Kirim Email

Demikian tutorial bagaimana cara membuat link email di dalam HTML, semoga bermanfaat.

18 Sept 2022 0 1.822

Kategori : html - support - email

facebook twitter whatapp linkedin pinterest

Halaman Terkait

	Mengirimkan Email Dengan Melampirkan File PDF Menggunakan Fungsi PHP mail() artikel
	Validasi Member Dengan Kode Berbatas Waktu Dikirim Via Email artikel
	Membuat Validasi Keanggotaan Melalui Verifikasi Via Email artikel
	Membuat Form Newsletters Interaktif Dengan Kode Verifikasi Dikirim Via Email artikel
	Mengirim Email Dengan Phpmailer artikel

Tinggalkan Balasan

Formulir ini hanya bagi member yang sudah terdaftar. Silahkan disini.

Belum terdaftar? silahkan queue Daftar disini.

Mengirim Komentar

Setiap pengunjung situs ini dapat memposting komentar disini, namun tidak semua komentar dapat ditampilkan. Gunakan kalimat baku bahasa Indonesia yang mudah dimengerti. Dilarang memposting kalimat yang berisi ujaran kebencian, SARA, pornografi, perjudian dan spam. Komentar harus sesuai dengan topik. Untuk bahasan lainnya yang lebih mendalam dapat menggunakan sarana forum. Anda dapat mengirimkan suatu pertanyaan dan member lainnya akan menjawab pertanyaan Anda.

Peringatan!

Apakah ingin menghapus komentar ini?

	Daftar Kode ASCII 19.548
	Membuat Menu Navigasi Horisontal dan Vertikal Pada HTML 15.134
	Mendownload File Dengan Menggunakan PHP 14.978
	Membuat Database Dan Tabel Melalui CMD Pada Xampp Server 10.562
	Perbedaan Antara fungsi rand() dan mt_rand() Pada PHP 9.178
	Cara Mudah Membuat QR Code Generator Dengan PHP 7.844
	Membuat Barcode Generator Dengan PHP 7.192
	Merubah Warna Latar Text Editor Notepad++ 6.464
	Membuat Inventory Dilengkapi Barcode Generator Dengan PHP dan Mysql 5.911
	Daftar Karakter Unicode 5.887

Visitor Name
Email