HTML etiketlerinden en yaygın olanı <a> etiketidir. <a> etiketi bir sayfaya bağlantı oluşturmak veya sayfa içi yer işareti tanımlamak için kullanılır.
HREF köprü özelliği ise en çok kullanılan türüdür. İçerisinde <img> gibi etiketlerde kullanabiliriz.
<a href="https://www.selcukkut.com"> Selçuk Kut</a><a href="https://www.esbi.com.tr" title="Yazılım Hizmetleri"> Esbi Bilişim</a><a href="https://www.instagram.com/selcukkut_" title="Instagram Adresi" target="_blank"> @selcukkut_</a>
Web sayfaları arasında geçişi sağlamak için kullanılan yani link vermeye sağlayan <a> etiketimizin saf yapısına (syntax) bakalım;
<a href="..">..</a>
Eğer href belirtilmemiş ise, download, hreflang, media, rel, target, ve type nitelikleri işe yaramaz.
Mevcut bağlantıya tıklandığında aksi belirtilmediği taktirde (rel) standart olarak mevcut pencere içerisinde açılır.
HTML a etiketi, çapa anlamına gelen “anchor” kelimesinin baş harfini temsil eder. HTML a etiketi, bir HTML dökümanında iç veya dış bağlantı (köprü) yani link oluşturmanıza yardımcı olur. En çok kullanılan HTML etiketlerinin başında gelen a etiketinin en yaygın kullanım şekli aşağıda yer almaktadır.
Varsayılan CSS Değerleri
a {
cursor: pointer;
text-decoration: underline;
}
Örnekler
En Basit Haliyle Kullanımı
<p>
<a href="https://selcukkut.com">Selçuk Kut</a>, Uzmanlaşmış Web Geliştiricisi
</p>
Bağlantılı İçerisinde img kullanımı
<a href="https://selcukkut.com">
<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="https://selcukkut.com/img/logo.png">
</a>
Bağlantıyı yeni pencerede açmak için
<a href="https://selcukkut.com" target="_blank">selcukkut.com</a>
Bağlantıya tıklandığında E-Posta göndermesi için
<a href="mailto:bilgi@selcukkut.com?subject=Konu" target="_top">E-posta Gönder</a>
<a href="mailto:bilgi@selcukkut.com?subject=Konu&body=İçerik&cc=mailadresi2@mail.com&bcc=mailadresi3@mail.com" target="_top"> E-posta Gönder </a>
Telefon Bağlantısı Oluşturmak İçin
<a href="tel:+905343343434">0534 334 3434</a>
<a href="javascript:alert('Merhaba Dünya!');">:JavaScript'i Çalıştır</a>