Cara Membuat Tautan Email dalam HTML

Pengarang: Louise Ward
Tanggal Pembuatan: 8 Februari 2021
Tanggal Pembaruan: 1 Juli 2024
Anonim
HTML mailto Attribute | How to make an HTML Email Link | HTML Mailto Links - HTML Tutorial 44
Video: HTML mailto Attribute | How to make an HTML Email Link | HTML Mailto Links - HTML Tutorial 44

Isi

Pengunjung akan mendapatkan pengalaman yang luar biasa jika mereka dapat dengan mudah menghubungi Anda tentang masalah atau pertanyaan apa pun yang muncul saat melihat situs web. Ini harus menjadi fitur yang menambah nilai pada setiap situs web. Mari ikuti langkah-langkah untuk menambahkan link email ke halaman web hanya dengan satu cuplikan HTML.

Langkah

  1. Masukkan tag anchor ke dalam dokumen HTML. Properti "


    Impor mailto: setelah "=". Kode ini memberi tahu browser bahwa tautan berikut mengarah ke alamat email, bukan halaman web.
  2. Selanjutnya, masukkan email pengguna. Perintah yang diformat dengan benar sejauh ini akan [email protected]’.

  3. Tambahkan baris subjek yang telah dibuat sebelumnya (opsional). Jika Anda ingin menambahkan subjek yang telah dibuat sebelumnya, masukkan tanda tanya (?) Setelah alamat email pengguna, diikuti dengan kata "subjek" (tanpa tanda kutip), ke tanda sama dengan (=), dan terakhir bagian dalam Konten subjek ada di dalam tanda kutip.
    • Jika Anda ingin menambahkan elemen ini, perintahnya akan terlihat seperti ini: [email protected]?subject= "teks subjek"
    • Cobalah untuk tidak menggunakan karakter non-alfanumerik di baris subjek. Ada cara untuk membatasi ini agar tautan tidak menjadi bingung atau salah mengira bahwa karakter tersebut adalah bagian dari sesuatu. "
    • Meskipun tidak sepopuler itu, Anda masih dapat menambahkan informasi untuk mengisi baris subjek melalui sintaks mailto. Teknik ini lebih banyak digunakan ketika pesan diteruskan ke server internal tempat bot terus memproses pesan, dan email disaring lagi nanti berdasarkan baris subjek.
    • Anda dapat menambahkan bagian "body" serta baris cc atau bcc dengan sintaks yang sama. Pastikan untuk menggunakan tanda kutip, diikuti dengan kata kunci "body", "cc" atau "bcc", lalu tanda sama dengan dan terakhir teks untuk baris tersebut dalam tanda kutip ganda.

  4. Impor > untuk menambahkan kurung tutup. Sejauh ini, perintah HTML kami memberi tahu browser alamat email terkait dan menambahkan subjek / cc / bcc. Tanda kurung kurawal ">" memberi tahu browser bahwa tidak ada lagi perintah yang harus dijalankan setelah tautan diklik.
  5. Masukkan teks tautan. Ini adalah teks yang akan diklik pengguna untuk membuka link email. Konten ini setelah kurung tutup. Ini bisa berupa kata, kalimat, atau bahkan salinan duplikat dari alamat email yang akan dikirimi surat. Biasanya, teks ini bisa berupa kalimat "di sini", "di sini" atau yang serupa.
  6. Impor setelah teks tautan. Perintah HTML akan ditutup. Tag anchor HTML harus ditutup agar trik ini berfungsi dan tidak boleh menyesatkan bagian halaman lainnya sebagai ekstensi tag anchor.
    • Seluruh perintah tautan email HTML terlihat seperti ini: [email protected]?subject= "HTML link"> Klik di sini untuk mengirim email kepada kami !!!
  7. Lanjutkan sisa dokumen HTML. Jangan lupa untuk menyimpan sesi Anda. Jika Anda memiliki banyak perintah HTML untuk ditambahkan ke dokumen, lanjutkan. iklan

Nasihat

Peringatan

  • Menempatkan alamat email di situs web dapat menyebabkan akun Anda terkena spam. Ada banyak objek di Internet yang menjalankan program yang mengumpulkan email jenis ini untuk tujuan pengiriman spam. Jadi, jika Anda meletakkan tautan email di situs web publik, Anda harus siap menghadapi masalah ini juga.
  • Periksa nama penerima sebelum mengirim surat.
  • Jika pengguna tidak memiliki klien email yang terpasang di komputernya, mereka mungkin tidak dapat mengirimi Anda email.