Cara Membuat Tautan Surel pada HTML

Unduh PDF
Disusun bersama Staf wikiHow

Unduh PDF

Tentunya mengasyikkan bagi para pengunjung situs jika mereka dapat berkomunikasi dengan mudah dengan Anda mengenai kesulitan atau pertanyaan tentang situs web Anda. Media ini merupakan fitur yang menjadi nilai tambah bagi situs web. Ayo bahas setiap langkah yang bisa Anda ikuti untuk menambahkan tautan surel ke halaman web menggunakan kode HTML sederhana.

Langkah

Unduh PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Atribut "<a href=" berfungsi mengawali tautan pada dokumen HTML. Secara umum, "<a href=" memberi tahu peramban bahwa konten atau kode yang ditambahkan setelahnya merupakan tautan.
    • Anda perlu menambahkan semua kode HTML hingga tahap ini sebelum melanjutkan pengerjaan dokumen.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    setelah tanda "=". Kode ini memberi tahu peramban bahwa tautan yang ditambahkan terhubung dengan alamat surel, dan bukan halaman web.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dengan format yang tepat, perintah yang perlu Anda masukkan adalah <a href=mailto:<nowiki> alamatusrelanda@situs.com " .
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Jika Anda ingin menambahkan baris subjek otomatis, tikkan tanda tanya (“?)” setelah alamat surel pengguna, diikuti dengan kata "subject" (tanpa tanda kutip), tanda sama dengan (=), dan baris subjek yang diapit tanda kutip.
    • Jika Anda menambahkan perintah ini, baris kode yang ditambahkan akan tampak seperti ini: <a href=mailto:<nowiki>alamatsurelanda@situs.com?subject="barissubjek"
    • Jangan gunakan karakter nonalfanumerik dalam baris subjek. Ada cara lain yang bisa Anda ikuti untuk menyisipkan karakter-karakter tersebut agar tautan tidak terganggu dan peramban menganggap bahwa karakter-karakter tersebut merupakan bagian dari kode lain.
    • Meskipun sering kali tidak digunakan, Anda bisa menambahkan informasi untuk mengisi baris subjek sejak awal melalui sintaksis “mailto”. Namun, sintaksis ini lebih sering digunakan ketika pesan dikirimkan ke server pada robot yang menangani semua pesan masuk agar bisa diproses nanti (dan disaring).
    • Anda juga bisa menambahkan bagian utama atau tubuh pesan, serta baris “ cc ” atau “ bcc ” menggunakan kode atau sintaksis yang sama. Pastikan Anda menyisipkan tanda tanya, diikuti kode "body" (untuk bagian utama pesan),"cc", atau "bcc", tanda tambah, dan teks yang diinginkan dalam sepasang tanda kutip.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Sejauh ini, perintah HTML yang sudah ditambahkan memberi tahu peramban web mengenai alamat surel yang ditautkan, serta memerintahkan peramban untuk menambahkan baris subjek dan salinannya ( cc atau bcc ). Kurung tutup “>” menunjukkan bahwa tidak ada lagi perintah untuk dieksekusi setelah tautan diklik.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Teks ini nantinya dapat diklik pengunjung untuk membuka tautan surel. Tautan harus ditikkan setelah kurung tutup. Anda bisa mengetikkan kata, frasa, atau bahkan duplikat salinan alamat surel tujuan. Agar singkat, biasanya frasa-frasa seperti “di sini” atau “tautan ini” lebih sering digunakan.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Perintah HTML akan ditutup. Penanda HTML harus memuat penutup agar trik dapat bekerja dan kode atau konten HTML yang ada setelahnya tidak dianggap sebagai lanjutan dari penanda.
    • Secara keseluruhan, perintah tautan surel HTML akan tampak seperti ini: <a href=mailto:<nowiki>alamatsurelanda@situs.com?subject="Tautan HTML">Klik di sini untuk mengirimkan surel kepada kami!</a>
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Pastikan Anda menyimpan pekerjaan. Jika Anda masih memiliki kode atau konten HTML lain yang perlu ditambahkan pada dokumen, cukup lanjutkan pekerjaan Anda.
    Iklan

Tips

  • Penanda taut HTML <a> dapat digunakan dalam berbagai cara. Ada baiknya Anda mempelajarinya secara menyeluruh untuk mengetahui penggunaannya secara efektif.
  • Penanda taut harus ditempatkan di dalam bagian utama atau body dokumen HTML (<body>...</body>). Jangan tambahkan penanda di luar segmen tersebut. Jika tidak, galat dapat terjadi atau program pengelola surel akan langsung terbuka saat halaman dimuat, baik saat Anda sedang meninjaunya atau ketika para pengunjung membuka halaman. Galat atau program pengelola surel yang tiba-tiba terbuka tentunya dapat membuat para pengunjung jengkel.
Iklan

Peringatan

  • Akun surel dapat mengalami masalah spam jika Anda secara langsung mencantumkan alamat surel pada halaman. Ada banyak orang yang dapat menjalankan program tertentu untuk mengumpulkan alamat-alamat surel yang bisa dikirimi spam. Oleh karena itu, siapa pun yang mencantumkan tautan surel di situs web publik harus mempersiapkan diri dengan program antispam.
  • Periksa nama penerima sebelum Anda mengirimkan pesan.
  • Jika pengunjung situs tidak memiliki program pengelola surel di komputernya, ia tidak bisa mengirimi Anda surel secara langsung melalui tautan.
Iklan

wikiHow Terkait

Cara
Mengunduh Video Apapun dari Situs Web Manapun Secara Gratis
Cara
Mudah Mencari dan Menemukan Informasi Seseorang Menggunakan Gambar
Cara
Mencari Tanggal Terbit Situs Web
Cara
Mengunduh Gambar dari Google Maps
Cara
Melacak Alamat IP
Cara
Mengetahui Lokasi Saat Ini pada Google Maps
Cara
Memperbaiki Masalah Akses ke Situs Web Tertentu
Cara
Mengetahui Akun Facebook Palsu
Cara
Menemukan Sandi Wifi Ketika Lupa
Cara
Menguji Koneksi (Ping) Alamat IP Lain
Cara Reset Password Router Huawei karena Lupa Sandi
Cara
Meletakkan Pintasan Situs di Desktop
Cara
Mengunduh Video Streaming
Panduan Lengkap Character AI
Iklan

Referensi

  1. http://www.zaposphere.com/html-email-links-code/ - sumber riset

Tentang wikiHow ini

Bahasa lain
Halaman ini telah diakses sebanyak 2.807 kali.

Apakah artikel ini membantu Anda?

Iklan