1/23/2017

HTML arka plan resmi nasıl eklenir,resim nasıl çağrılır ? arkaplan rengi nasıl değiştirilir ? (background)

html
Bugünkü yazımızda html için arka plan resmi nasıl eklendiğini ve nasıl çağrıldığını öğreneceğiz .
Ö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:


html arkaplan rengi


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.

Body arka plan resmi eklemek için ise body tagına background="resimin yolu" yazılır.

örnek olarak html şu şekilde ise :



tarayıcıda şu şekilde gözükür:

html arkaplan resmi

kullanılan resim:
arkaplan resmi

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ı:

html




şeklinde yazıldığında tarayıcıda şu şekilde gözükecektir:

html resim cagirma



Herkese iyi günler.





author

Umut Köse