HTML arka plan resmi nasıl eklenir,resim nasıl çağrılır ? arkaplan rengi nasıl değiştirilir ? (background)
Bugünkü yazımızda html için arka plan resmi nasıl eklendiğini ve nasıl çağrıldığını öğreneceğiz .
Body arka plan resmi eklemek için ise body tagına background="resimin yolu" yazılır.
Öncelikle body yani gövde kısmımıza arka plan resmi eklemek için
body tagımızın içine bgcolor="green"(green yazan alana istediğiniz rengi yazabilirsiniz veya renk kodunu da yazabilirsiniz örneğin: bgcolor="#00FF00" gibi ) resimdeki kodu body tagına eklersek:
tarayıcıda çalıştırdığımızda ise şöyle gözükecektir:
Eğer bir tablo,div vb. nin arka plan rengini değiştirmek için aynı kodu eklemek istediğiniz tagın içine eklemeniz yeterlidir.
örnek olarak html şu şekilde ise :
tarayıcıda şu şekilde gözükür:
kullanılan resim:
gördüğünüz gibi resim tarayıcıda tekrar etmektedir resmin tekrar etmemesi ise css ten ayarlanabilir.
En dikkat etmeniz gereken şey resim ve html dosyası aynı klasörde bulunuyorsa resmin adını direkt olarak yazabilirsiniz eğer resim başka klasörde ise resmin tam yolunu belirtmeniz gerekir örneğin bizim arka plan adlı bir klasörümüz olsun bu klasörün içinde resim adlı bır klasör ve html belgemiz olsun ve resim klasörünün içinde resim.jpg adında bir resim olsun bu resmin yolunu html den belirtmek için background="resim/resim.jpg " yazmamız gereklidir.
Son olarak resmi istediğimiz yere istediğimiz boyutta çağırmak için kullanışlı bir tag göstereceğim
<img src="resmin yolu " height="resim yüksekliği" width="resim genişliği"> şeklinde resmi çağırabiliriz.
Bunun örneğini bir tablo üzerinden göstereceğim.
Html kodları:
şeklinde yazıldığında tarayıcıda şu şekilde gözükecektir:
Herkese iyi günler.