Cara menggunakan gmail 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 . 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 . 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:

1
2
3
4
5
6
7
8
9
10
11

   Membuat Link Email Default

Membuat link email default di dalam HTML
Klik link berikut untuk mengirimkan email :
Kirim Email

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 [email protected], maka penulisannya adalah mailto:[email protected].

1
2
3
4
5
6
7
8
9
10
11

   Membuat Link Email

Membuat link email dengan alamat tertentu di dalam HTML
Klik link berikut untuk mengirimkan email :
Kirim Email

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.

Link di HTML biasanya berupa URL yang akan mengarahkan Anda ke halaman website atau ke bagian website tertentu. Tapi ternyata link di HTML bukan hanya itu saja, Anda juga bisa membuat link yang langsung mengarahkan Anda ke email tertentu.

Cara Membuat Link Email di HTML

Link email di HTML merupakan sebuah link yang berisi alamat email saat Anda mengkliknya. Aplikasi untuk mengirim email di perangkat Anda akan otomatis terbuka dan tujuan atau alamat email tujuan akan secara otomatis terisi dengan alamat yang sudah ditentukan sebelumnya.

Untuk membuat link tersebut tentulah sangat mudah dan sederhana. Anda tidak membutuhkan banyak code atau script, Anda hanya membutuhkan satu baris script saja. Langsung saja, silakan simak penjelasannya berikut ini.

Daftar Isi

1. Membuat Link Email di HTML

Link email di HTML bertujuan untuk mempermudah user atau pengguna saat akan mengirimkan sebuah email. Membuat link email di HTML tentu sangatlah mudah. Anda tidak membutuhkan sebuah script CSS ataupun javascript atau lain sebagainya. Bahkan Anda tidak membutuhkan sebuah plugin apapun. Anda hanya cukup menggunakan tag <a href> saja, sama seperti saat Anda membuat link menuju ke halaman tertentu. Langsung saja, berikut ini contoh script yang bisa Anda gunakan.

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

</body>

Mungkin biasanya saat Anda membuat link menuju halaman website tertentu menggunakan protokol http:// atau https://. Berbeda dengan link email kali ini menggunakan mailto: . Dengan begitu sistem akan mengetahui link tersebut adalah alamat email sehingga akan secara otomatis terbuka di email client yang Anda gunakan.

Seperti contoh script di atas, alamat email tujuan ditulis setelah mailto: . Tampilannya akan seperti gambar di bawah ini.

Saat Anda atau pengguna mengklik link tersebut, maka email client akan terbuka seperti outlook, gmail, dan lain sebagainya sesuai dengan apa yang sudah terinstal di perangkat pengguna. Anda tentunya juga bisa menambahkan script CSS untuk mengubah tampilannya menjadi lebih indah. Selamat mencoba!

2. Menambahkan Subject dan Body Email

Lalu, bagaimana jika ingin membuat sebuah link email yang otomatis subject dan body nya secara default muncul di alamat email yang akan dituju? Apakah bisa?

Tentu bisa dong. Di HTML bukan hanya bisa membuat link yang langsung tertuju ke alamat email saja, tapi Anda juga bisa mengatur subject dan body email itu sendiri. Lalu, bagaimanakah caranya? Caranya cukup sederhana, Anda tetap tidak membutuhkan script CSS ataupun javascript. Langsung saja, simak contoh script di bawah ini.

<body>

<a href="mailto:[email protected]?subject=Ini%20adalah%20judul%20email%20default&body=Pesan%20ini%20akan%20secara%20otomatis%20muncul%20lho%21">[email protected]</a>

</body>

Sebenarnya caranya sama seperti membuat link email biasa, tapi ada tambahan code sedikit yaitu:

1. Tambahkan parameter ?subject= setelah email yang dituju.
2. Setelah subject tulis pesan yang Anda inginkan. Untuk spasi gunakan %20. Seperti script di atas.
3. Lalu, diakhir tulisan tambahkan parameter &body= . Ini untuk memasukkan pesan di body email.
4. Setelah itu, silakan masukkan pesan yang Anda inginkan dan jangan lupa untuk spasi gunakan %20.

Silakan ikuti langkah-langkah di atas untuk hasil yang sesuai. Selamat mencoba!

Sekian artikel kali ini yang membahas tentang bagaimana caranya membuat link email di HTML dengan mudah. Link tersebut bukan hanya bisa menuju ke email saja, tapi juga bisa sekaligus langsung membuat subject besert body email. Semoga artikel ini dapat membantu dan bermanfaat bagi Anda. Terimakasih 🙂

Editor: Muchammad Zakaria

Download berbagai jenis aplikasi terbaru, mulai dari aplikasi windows, android, driver dan sistem operasi secara gratis hanya di Nesabamedia.com:

Download Software Windows

Download Aplikasi Android

Download Driver Printer

Download Sistem Operasi

Zuhroh Nilakandi

Si pecinta hujan dan penikmat kopi yang suka duduk dalam lamunan sambil menghayal mimpi – mimpinya yang akan menjadi kenyataan.