Html a Etiketi, Html dünyasında belki de en sık kullanılan elementlerden biri a etiketidir ve genel olarak link yada bağlantı elementi olarak da telafuz edilebilmektedir.

İçerik göster

Html a Etiketi Nedir? Link (Bağlantı) Ekleme / Oluşturma

Farklı bir domain’e yönlendirme

<a> etiketi ile başka bir domain(alan adı)’e yönlendirme, aynı domain içerisinde farklı bir sayfaya yönlendirme, telefon numarası arama yada mail uygulamaları üzerinde belirlediğiniz bir adrese mail gönderimi gibi konular yine a etiketi ile yapılabilmektedir. Html içerisinde en basit şekilde <a> etiketini kullanımı şu şekildedir. Alttaki örnek en basit anlamda farklı bir domain’e yönlendirme linki oluşturmaya yarıyor.

<a href="https://www.muratoner.net">Murat ÖNER'in Bloğuna Git</a>

1	<a href="https://www.muratoner.net">Murat ÖNER'in Bloğuna Git</a>

Demo

See the Pen <a href="https://codepen.io/muratoner-the-typescripter/pen/qBrPWgZ" target="_blank" rel="noopener">Html A Tag #1</a> by Murat ÖNER (<a href="https://codepen.io/muratoner-the-typescripter" target="_blank" rel="noopener">@muratoner-the-typescripter</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Aynı domain’de farklı sayfaya yönlendirme

Üstteki basitlikte aynı domain içerisinde farklı bir sayfaya yönlendirme ihtiyacını alttaki link ile sağlayabiliyorsunuz.

<a href="iletisim.html">İletişim Sayfası</a>

1	<a href="iletisim.html">İletişim Sayfası</a>

Demo

See the Pen <a href="https://codepen.io/muratoner-the-typescripter/pen/abJLoxv" target="_blank" rel="noopener">Html A Tag #2</a> by Murat ÖNER (<a href="https://codepen.io/muratoner-the-typescripter" target="_blank" rel="noopener">@muratoner-the-typescripter</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Farklı Html Elementlerini <a> etiketi ile sarmak

Html a etiketi içerisine sadece bir metin tanımlamak zorunda değilsiniz. İstediğiniz html elementini <a> etiketleri ile sararak elementlerinizi tıklanabilir yapabilirsiniz. Örnek olarak bir img etiketini a etiketi ile sararak tıklanabilir bir görsel nasıl yapılabilir görelim.

<a href="https://www.muratoner.net">
  <img src="https://www.muratoner.net/wp-content/uploads/2021/02/6c88dfcab35e283f8ca9dfd859c32aec.jpg" />
</a>

</a>

Demo

See the Pen <a href="https://codepen.io/muratoner-the-typescripter/pen/ExWwYzj" target="_blank" rel="noopener">Html A Tag #3</a> by Murat ÖNER (<a href="https://codepen.io/muratoner-the-typescripter" target="_blank" rel="noopener">@muratoner-the-typescripter</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

<a> etiketi ve href mailto özelliği kullanılarak mail gönderme konusunda çok detaylı makaleye Html <a> Etiketi ve mailto Protokolü ile Mail Gönderme göz atmanızı tavsiye ederim. Diğer href özellikleri için de Html a Etiketi href Özelliği İle İlgili Bilinmesi Gerekenler makalesine göz atmanızı kesinlikle öneririm.

📚 Benzer Kaynaklar

✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.

🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.

👋 Bir sonraki makalede görüşmek dileğiyle.

5/5 - (1 vote)

Kategoriler

Bloga e-posta ile abone ol

Html a Etiketi Nedir? Link (Bağlantı) Ekleme / Oluşturma