HTML'de E‐Posta Bağlantısı Nasıl Oluşturulur?

Ortak yazarlar Travis Boylls

Bu Makalede:

Adımlar

İlgili Makaleler

Referanslar

İnternet sitenle alakalı endişeleri veya istekleriyle alakalı seninle kolayca iletişime geçebilmelerini sağlayan bir şeyin bulunması sitenin ziyaretçileri için her zaman harika bir deneyimdir. Bu kesinlikle her İnternet sitesi için katma değer bir özelliktir. Haydi basit bir HTML kod pasajıyla bir İnternet sayfasına nasıl e-posta bağlantısı ekleyebileceğimizden adım adım bahsedelim.

Adımlar

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>"}
   1
   HTML belgene çapa etiketini <a href= yaz. "<a href=" özelliği, HTML belgende bağlantıyı başlatır. "<a href=" etiketi genelde tarayıcıya takip eden şeyin bir bağlantı olduğunu söyler.

   • Belgeye geçmeden önce tüm HTML kodlarını bu noktaya kadar eklemen gerekir.
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>"}
   2
   "=" işaretinden sonra mailto: yaz. Bu, İnternet tarayıcısına takip eden bağlantının bir İnternet sayfası değil, e-posta adresi olduğunu söyler.
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>"}
   3
   Kullanıcının e-postasını yaz. Şimdiye kadar düzgünce biçimlendirilmiş bir komut şöyle olur: <a href=mailto:<nowiki> agentavery@sample.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>"}
   4
   Önceden belirlenmiş bir konu satırı yaz (isteğe bağlı). Önceden belirlenmiş bir konu eklemek istersen kullanıcının e-posta adresinden sonra bir soru işareti (?) koy, sonrasında "subject" (konu) (tırnak işaretleri olmadan) yaz, ardından bir eşittir işareti (=) koy, son olarak da bir çift tırnak işaretinin içine konuyu yaz.

   • Bunu komutuna eklemek istersen şimdiye kadar şöyle görünmesi gerekir: <a href=mailto:<nowiki>agentavery@sample.com?subject="konu metni"
   • Konu satırında alfa sayısal olmayan karakterler kullanmamaya çalış. Bunu aşmanın yolu her zaman vardır; böylece bağlantın sapmaz ve başka bir şeyin parçası olduğunu düşünür.
   • Çoğu zaman kullanılmasa da konu satırını mailto sözdizimiyle doldurmak adına bilgi ekmek mümkündür. Ancak bu, postanın daha sonra işlenebilmesi (filtrelenebilmesi) için gelen postaları işleyen bir robotun içindeki bir sunucuya gönderildiğinde daha sık kullanılır.
   • Benzer bir sözdizimi kullanarak "body", "cc" veya "bcc" satırı da ekleyebilirsin. "body","cc" veya "bcc" ifadelerinden sonra bir soru işareti, ardından bir eşittir işareti koyduğundan ve satırın metninin bir çift tırnak işaretinin içinde olduğundan emin olman yeterlidir.
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>"}
   5
   Sağ köşebent eklemek için > yaz. Şimdiye kadarki HTML komutlarımız İnternet tarayıcısına hangi e-posta adresine bağlanılacağını ve bir konu/cc/bcc eklemesini söylemekteydi. Sağ köşebent, ">" İnternet tarayıcıya bu bağlantıya tıklandığında çalıştırılacak başka komut olmadığını söyler.
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>"}
   6
   Bağlantı metni yaz. Bu, kullanıcının e-posta bağlantısını açmak için tıklayacağı metindir. Bu, sağ köşebentten sonra gelir. Bu bir kelime, bir ifade veya bunun gönderildiği kişinin e-posta adresinin bir kopyası bile olabilir. Bu genelde "buraya", "bu" veya benzer bir şey olur.
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>"}
   7
   Bağlantı metninden sonra </a> yaz. HTML komutu kapatılır. Bunun işe yaraması ve sayfanın kalanının çapa etiketinin bir eklentisi olmaması için HTML çapa etiketinin bir kapanışının olması gerekir.

   • HTML bağlantı komutunun hepsi şöyle görünmeli: <a href=mailto:<nowiki>agentavery@sample.com?subject="HTML link">Bize e-posta göndermek için buraya tıklayın!!!</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>"}
   8
   HTML sayfasının kalanını devam ettir. Yaptıklarını kaydettiğinden emin ol. Belgene ekleyeceğin daha fazla HTML varsa çalışmaya devam et.
   Reklam

İpuçları

• HTML çapa etiketi <a> farklı şekillerde kullanılabilir. Etkin bir şekilde kullanabilmek için etiketi iyice öğrenmek iyi olur.
• Çapa etiketlerinin HTML belgesinin body (<body>...</body>) bölümünün içine konulması gerekir. Bu etiketleri başka bir yere koyma; aksi halde bu, sen önizlemede bulunuyor da olsan ziyaretçin bu sayfayı açıyor da olsa hatalara neden olur veya e-postanın yayınlandığı İnternet sayfası yüklenir yüklenmez e-posta aracısını açar ve istemeden gerçekleşen bu açılma sinir bozucu olabilir.

Reklam

Uyarılar

• Bir İnternet sayfasına e-posta adresi koymak e-posta hesapları için istenmeyen e-posta problemine neden olabilir. İnternet’te bu tür e-posta adreslerini mesaj sağanağına tutmak için toplayan programlar çalıştıran birçok kişi var. Yani halka açık bir İnternet sitesine e-posta bağlantısı koyan bir kişinin mesaj sağanaklarını engellemeye hazır olması gerekir.
• E-postayı göndermeden önce alıcının adını kontrol et.
• Kullanıcıların bilgisayarında e-posta istemcisi yoksa sana e-posta gönderemezler.

Reklam