Arka Plana Resim Ekleme Kodu
Arka plana resim ekleme kodu, bir web sayfasının arka planına resim eklemek için kullanılan bir HTML kodudur. Bu kod, <body> etiketinin içine yerleştirilir ve background-image özelliği kullanılarak resim belirtilir.
“`html
“`
Yukarıdaki kod, `resim.jpg` adlı resmi web sayfasının arka planına ekler. Resim, web sayfasının tüm alanını kaplayacak şekilde ayarlanır.
Arka plana resim ekleme kodunda, `background-image` özelliğinin yanı sıra diğer özellikler de kullanılabilir. Bu özellikler, resmin nasıl görüntüleneceğini belirler.
* `background-repeat`: Resmin nasıl tekrarlanacağını belirler. `no-repeat`, `repeat-x`, `repeat-y` ve `repeat` olmak üzere dört farklı değer alabilir.
* `background-position`: Resmin web sayfasında nerede konumlandırılacağını belirler. `left`, `center` ve `right` olmak üzere üç farklı değer alabilir.
* `background-size`: Resmin boyutunu belirler. `auto`, `contain` ve `cover` olmak üzere üç farklı değer alabilir.
Arka plana resim ekleme kodu, web sayfalarına görsellik kazandırmak için sıklıkla kullanılır. Resimler, web sayfasının içeriğini daha ilgi çekici hale getirebilir ve ziyaretçilerin web sayfasında daha uzun süre kalmasını sağlayabilir.
## Arka Plana Resim Ekleme Kodu ile İlgili Faydalı Siteler
* [HTML arka plan resmi ekleme](https://www.w3schools.com/html/html_background.asp)
* [CSS arka plan resmi ekleme](https://www.w3schools.com/css/css_background.asp)
* [Arka plan resmi ekleme örnekleri](https://www.css-tricks.com/examples/backgrounds/)
## Arka Plana Resim Ekleme Kodu ile İlgili İndirilebilir Dosyalar
* [Arka plan resmi ekleme kodu örnekleri](https://github.com/mdn/html-examples/tree/master/backgrounds)
* [Arka plan resmi ekleme kodu öğreticisi](https://www.codecademy.com/learn/learn-html-css/modules/learn-html-css-backgrounds/cheatsheet)