v2.5.2
Giriş yap

<a> Etiketi

HTML

Web sayfaları arasında geçişi sağlamak yani link vermek için <a> etiket kullanılır. <a> etiketi içerisinde metin, resim ya da diğer HTML etiketleri bulunabilir.

Yapısı (Syntax)<a href="..">..</a>
NOT
* 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.
Etiket Türü Kapanan Etiket
Görünüm Satır Içi
Kullanım Metinsel

Nitelikler

Nitelik Değeri Açıklama
download Dosya adı Bağlantıya tıklandığında eğer indirilebilecek bir dosya var ise indirme işlemini başlatır
href URL Bağlantıya tıklandığında gidilecek adres
hreflang dil_kodu Bağlantının dilini belirtir
media media_sorgusu Bağlantının hangi cihaz/ortam için optimize olduğunu belirtir
ping URL Bağlantıya tıklandığında belirlenen bir adrese HTTP POST isteği gönderir
rel alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
Geçerli bağlantı ile belirtilen bağlantı arasındaki ilişkiyi belirtir
target _blank
_parent
_self
_top
frame_adı
Bağlantının nerede nasıl açılacağını belirtir
type medya_tipi Bağlantının ortam türünü belirtir.

Varsayılan CSS Değerleri

a {
	cursor: pointer;
	text-decoration: underline;
}

Örnekler

En basit haliyle kullanımı;

<p>
	<a href="https://prototurk.com">Prototürk</a>, web dilleriyle ilgili türkçe kaynaklar üretir.
</p>

Bağlantı içerisinde resimli kullanımı;

<a href="https://prototurk.com">
	<img src="https://prototurk.com/img/logo.png">
</a>

Bağlantıyı yeni pencerede açmak için;

<a href="https://prototurk.com" target="_blank">prototurk.com</a>

Bağlantıya tıklandığında e-posta gönderme işlemi için;

<a href="mailto:[email protected]?subject=Konu" target="_top">E-posta Gönder</a>

Bağlantıya tıklandığında e-posta gönderme işlemi için (detaylı olarak);

<a href="mailto:[email protected]?subject=Konu&body=İçerik&[email protected]&[email protected]" target="_top">
	E-posta Gönder
</a>

Telefon bağlantısı oluşturmak için;

<a href="tel:+905303001965">0530 300 1965</a>

Bağlantı kullanırken javascript örneği;

<a href="javascript:alert('Merhaba Dünya!');">:JavaScript'i Çalıştır</a>

tayfunerbilen
2030 gün önce eklendi - 18079 kez görüntülendi.
Github'da Düzenle
Önceki <html> Sonraki <abbr>