Html

IMG Etiketinin Temel Kullanımı


IMG Etiketinin Temel Kullanımı

HTML dökümanlarının olmazsa olmazlarından birisi de resimlerdir . 

HTML dökümanlarında yapmak istediğimiz hemen hemen her işlemi etiketler aracılı ile gerçekleştiririz . 

Öncelikle kullanacağınız , kullanmak istediğiniz resmin bilgisayarda kayıtlı olan adının konu ile ilgili olmasına dikkat edelim . 

Resim eklemek için ise < img > etiketini kullanıyoruz . 

İmg etiketi tüm bilinen , kullanıcıların sık kullandığı tarayıcılar tarafından destekleniyor . 

İmg etiketi ile HTML dökümanlarımıza resim ekliyoruz ama img etiketinde kullanılan çeşitli parametreler ile eklediğimiz resimleri düzenleyebiliyoruz .

Özellikle < img > etiketi ile birlikte src ve alt parametreleri mutlaka kullanılmalıdır . 

İmg Etiketi İle Kullanılabilecek Parametre ve  Değerleri


Src : Parametresi resmimizin bulunduğu klasörü , bilgisayarımızda kayıtlı olduğu yeri gösterir . 

Title : Mouse ile resmin üzerine geldiğimizde gözükecek olan yazının belirlendiği parametredir . 

Alt : Resmin çeşitli nedenlerle tarayıcıya tam yüklenemediği durumlarda resim alanının içerisinde gözükecek olan yazıdır .

Border : Resmin etrafına çerçeve eklemek istediğimiz durumlarda kullanacağımız parametredir . Eğer border = ” 0 ” değerini alırsa resmin etrafına çerçeve eklenmeyecektir . Ama 0 yerine gelecek sayı artar ise eklenecek olan çerçeve sayı değerinin artmasına bağlı olarak kalınlaşır . 

Align : Eklenecek resmin sayfada nasıl hizalanacağının belirlendiği parametredir . Align parametresi ile resim hizalamasının solda mı , sağda mı , ortada mı olacağı belirlenir . Left değeri kullanıldığında resmimiz ortada , right değeri kullanıldığında resmimiz sağda i center değeri kullandıldığında ise resmimiz ortada olacak şekilde sayfamıza konumlanacaktır . 

Width: Eklenmesini istediğimiz resmin pixel cinsinden genişliğini belirleyen parametredir .

HeightEklenmesini istediğimiz resmin pixel cinsinden yüksekliğini belirleyen parametredir .


İmg Etiketi Nasıl Kullanılır ?


<img> etiketi kapalıdır, yani bu etiket mutlaka parametreler ile kullanılır ve bir kapatma etiketi bulundurmaz.

Sayfanızda bir resim görüntüleyebilmek için “src” parametresini kullanmak zorundasınız. Src, “source” (kaynak) anlamına gelir. Buraya görüntülemek istediğiniz resim dosyasının yolunu yazarsınız.

<img src=”resmin kayıtlı bulunduğu yer”>

Şimdi kod alanında nasıl kullanıldığını görelim . 




Şimdi sırası ile diğer parametrelerimizin de resmimizi nasıl etkilediğini görelim . 



Resim için genişlik ve yükseklik de belirleyelim . 


Çerçevede ekleyelim . 


Yorum Yapın

Benzer İçerikler

Daha Fazla İçerik