HTML Bağlantıları - Linkler
HTML Bağlantıları – Linkler

Bağlantılar hemen hemen tüm web sayfalarında bulunur. Bağlantılar, kullanıcıların sayfadan sayfaya kendi yolunu tıklamasına izin verir.

HTML Bağlantıları – Köprüler

HTML bağlantıları köprülerdir.

Bir bağlantıya tıklayıp başka bir belgeye atlayabilirsiniz.

Fareyi bir bağlantının üzerine getirdiğinizde, fare oku küçük bir el haline gelir.

Not: Bir link metin olmak zorunda değildir. Bir görüntü veya başka bir HTML elemanı olabilir.

HTML Bağlantıları – Sözdizimi

Köprüler HTML <a>etiketiyle tanımlanmıştır :

<a href="url">link text</a>

Örnek;

<a href="https://www.armyyazilim.com">ArmyYazılım'ı ziyaret et.</a>

Çıktısı;

See the Pen html link by ArmyYazılım (@armyyazilim) on CodePen.

hrefNitelik hedef adresi (belirtir https://www.armyyazilim.com) belirler.

Bağlantı metni görünen kısmı (“ArmyYazılım’ı ziyaret et”) ‘dir.

Bağlantı metnine tıklamak sizi belirtilen adrese gönderir.

Not: Alt klasör adreslerinin sonunda bir eğik çizgi olmadan, sunucuya iki istek oluşturabilirsiniz. Birçok sunucu otomatik olarak adresin sonuna eğik çizgi ekler ve ardından yeni bir istek oluşturur.

Yerel Linkler

Yukarıdaki örnekte mutlak bir URL kullanılmıştır (tam bir web adresi).

Yerel bir link (aynı web sitesine link) göreceli bir URL ile belirtilir (https: // www …. olmadan).

<a href="iletisin.html">iletişim sayfası</a>

HTML Bağlantıları – Hedef Özelliği

Bu targetözellik bağlantılı belgenin nerede açılacağını belirler.

targetÖzniteliği şu değerlerden birine sahip olabilir:

  • _blank – Bağlantılı belgeyi yeni bir pencerede veya sekmede açar
  • _self – Bağlantılı dokümanı tıklandığı pencerede / sekmede açar (bu varsayılandır)
  • _parent – Bağlantılı belgeyi üst çerçevede açar
  • _top – Bağlantılı belgeyi pencerenin tüm gövdesinde açar
  • framename – Bağlantılı belgeyi adlandırılmış bir çerçevede açar.

Bu örnek bağlı belgeyi yeni bir tarayıcı penceresinde / sekmesinde açacaktır:

<a href="https://www.armyyazilim.com/" target="_blank">ArmyYazilim.com'u ziyaret et!</a>

İpucu: Web sayfanız bir çerçevede kilitliyse, çerçeveden target="_top"çıkmak için kullanabilirsiniz :

<a href="https://www.armyyazilim.com/html/" target="_top">ArmyYazilim.com'u ziyaret et!</a>

HTML Bağlantıları – Bağlantı Olarak Resim

Görüntüleri link olarak kullanmak yaygındır:

<a href="https://armyyazilim.com/html-stilleri-css/">
  <img src="https://armyyazilim.com/wp-content/uploads/2019/12/Untitled-1-12.png" alt="ArmyYazılım Resim" style="width:42px;height:42px;border:0;">
</a>

Çıktısı;

See the Pen html link resim by ArmyYazılım (@armyyazilim) on CodePen.

Not: border:0; IE9’un (ve önceki sürümlerin) görüntünün çevresinde (görüntü bir bağlantı olduğunda) kenarlık göstermesini önlemek için eklenir.

Link Başlıkları

titleÖznitelik, öğe hakkında ek bilgileri belirtir. Bilgi, genellikle fare öğenin üzerinde hareket ettiğinde bir araç ipucu metni olarak gösterilir.

<a href="https://www.armyyazilim.com/" title="ArmyYazılım'ı ziyaret et!">ArmyYazılım'ı ziyaret et!</a>

Örnek;

See the Pen html title link by ArmyYazılım (@armyyazilim) on CodePen.

Dış Yollar

Dış sayfalara, tam bir URL ile veya geçerli web sayfasına göre bir yolla başvurulabilir.

Bu örnek, bir web sayfasına bağlanmak için tam bir URL kullanır:

<a href="https://www.armyyazilim.com/index.php">ArmyYazılım</a>

Bu örnek, geçerli web sitesindeki html klasöründe bulunan bir sayfaya bağlantı verir:

<a href="/html/index.php">HTML Dersleri</a>

Bu örnek, geçerli sayfayla aynı klasörde bulunan bir sayfaya bağlantı verir:

<a href="html-dersleri.php">HTML Dersleri</a>

Bölüm özeti

<a>Bağlantı tanımlamak için öğeyi kullanın

hrefBağlantı adresini tanımlamak için niteliği kullanın

targetBağlantılı belgenin nerede açılacağını tanımlamak için niteliği kullanın

<img>Görüntüyü bağlantı olarak kullanmak için öğeyi (<a> içinde) kullanın.

HTML Bağlantı Etiketleri

<a>: Köprü tanımlar.

İlginizi çekebilir…

WordPress Kişisel Blog Temaları! (Ücretli – Ücretsiz)

Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz …

HTML

“HTML Bağlantı – Link Yapısı!” için 2 cevap

  1. İdil ışık dedi ki:

    Büyle kısa kısa yazılı derslerin güzel de videolu olarak da anlatsan iyi olurdu. Yine de teşekkürler…

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir