html ipuçları

Resme Link Verme

31 Ocak 2018 - HTML İpucu

HTML resme link vermek gayet basit bir işlem aslında. Bir yazıya veya objeye nasıl link veriyorsak bir resme de öyle link verebiliriz. Resme link vermek için öncelikle html’de link nasıl verilir bunu öğrenmek gerekiyor.

    • Html’de link vermek için aşağıdaki kod yeterli olacaktır.
      <a href=”LİNK”> GÖRÜNEN İÇERİK </a>
    • Peki resme link nasıl verilir? Bunun içinde yukarıda “GÖRÜNEN İÇERİK” yazısının yerine resmi eklememiz lazım, resmi de aşağıdaki kodla ekleyebiliriz:
      <img src=”BURAYA RESİM LİNKİ“>
    • SONUÇ:
      <a href=”LİNK“> <img src=”BURAYA RESİM LİNKİ“> </a>

      ÖRNEK:
       

    • Resmin üstüne gelince açıklama satırı eklemek için ise src’den sonra title=”AÇIKLAMA” eklememiz gerekiyor. Böylelikle resmin üstüne gelince açıklama çıkacaktır.
      <a href=”LİNK“> <img  src=”BURAYA RESİM LİNKİ” title=”Kişisel Blog> </a>

      ÖRNEK:
       

    • NOT: Resimleri eklerken “alt” etiketi eklemenizi de tavsiye ederim. Alt etiketi Google’a resimle alakalı bilgi verir. Örneğin yukarıdaki resim benim logom o halde benim alt etiketim logo olmalıdır.
      <a href=”LİNK“> <img  src=”BURAYA RESİM LİNKİ” title=”Kişisel Blog” alt=”Logo”> </a>

Önemli bilgiler:
href: Linki buraya veriyoruz.
img: Görsel linkini buraya yazıyor.
title: Resmin üstüne gelince çıkan açıklama kısmı.
alt: Google’a resim hakkında bilgi veriyoruz.

Resme link verme konumuzu burada noktalandırıyoruz. Bir sonraki “Html İpuçları” yazımızda görüşmek üzere, hoşça kalın.

 

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak.