Anasayfa / Web Tasarım / HTML / HTML img Kullanımı

HTML img Kullanımı

Merhaba arkadaşlar bu yazıda sizlere HTML içinde img etiketinin kullanımını göstereceğim. HTML’de sayfaya resim eklemek için img etiketi kullanılır. img etiketi nasıl kullanılır bir bakalım.

Kullanımı:

yukarıdaki kodu açıklayalım.

img: etiketi ile sayfa resim ekleyeceğimizi ifade ettik.

src: resmin yolunu belirtiyoruz.

width: resmin genişlik değeri

height: resmin yükseklik değeri

alt: resim olmadığında ekranda görünecek yazı, Seo için önemlidir. Her resimde mutlaka bulunmalıdır.

 

 

Örnek bir uygulamaya göz atalım :

HTML Kodlarımız :

 

Ekran Çıktısı : 

 

  • HTML img etiketinde resmin üzerine tıklandığında resmi büyültebiliriz. Bunu yaparken <a>…</a> etiketini kullanıyoruz.

Nasıl kullandığımıza bir bakalım :

 

  • IMG Etiketini bir body, <p> veya <div> gibi etiketlerin arka planı olarak da kullanabiliriz.

Örnek olarak bir <div>’in arka planı olarak kullanalım ve üzerine bir yazı yazalım:

HTML Kodlarımız :

 

Ekran Çıktısı :

 

 

 

About aysehatun

Bir Cevap Yazın

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

%d blogcu bunu beğendi: