HTML Arka Plan Resmi Sayfanın Tamamına Ekleme: Kapsamlı Bir Kılavuz
Bir web sayfasına arka plan resmi eklemek, sitenizin görsel çekiciliğini artırmanın ve ziyaretçiler üzerinde kalıcı bir izlenim bırakmanın etkili bir yoludur. HTML kullanarak arka plan resmini sayfanın tamamına yaymak, basit ama etkili bir tekniktir. Bu kapsamlı kılavuz, HTML arka plan resmini sayfanın tamamına nasıl ekleyeceğinizi adım adım açıklayacaktır.
Adım 1: HTML Belgesi Oluşturma
Bir metin düzenleyici veya kod editörü kullanarak yeni bir HTML belgesi oluşturun. Dosyayı “.html” uzantısıyla kaydedin.
Adım 2: Başlık ve Gövde Etiketleri Ekleme
HTML belgenize aşağıdaki başlık ve gövde etiketlerini ekleyin:
“`html
“`
Adım 3: Arka Plan Resmini Belirleme
“body” etiketinin içine aşağıdaki “style” özelliğini ekleyin:
“`html
“`
“arka_plan_resmi.jpg” ifadesini, kullanmak istediğiniz arka plan resminin dosya adıyla değiştirin.
### Adım 4: Arka Plan Resminin Boyutunu Ayarlama
Arka plan resminin sayfanın tamamına yayılmasını sağlamak için “background-size” özelliğini ekleyin:
“`html
“`
“cover” değeri, resmin sayfanın tamamını kaplayacak şekilde ölçeklenmesini sağlar.
### Adım 5: Arka Plan Resminin Konumunu Ayarlama
Arka plan resminin konumunu ayarlamak için “background-position” özelliğini kullanabilirsiniz:
“`html
“`
“center” değeri, resmin sayfanın ortasına yerleştirilmesini sağlar.
### Adım 6: Arka Plan Resminin Tekrarını Ayarlama
Arka plan resminin sayfada nasıl tekrarlanacağını belirlemek için “background-repeat” özelliğini kullanın:
“`html
“`
“no-repeat” değeri, resmin sayfada yalnızca bir kez tekrarlanmasını sağlar.
### Adım 7: HTML Belgesini Kaydetme ve Görüntüleme
HTML belgenizi kaydedin ve bir web tarayıcısında açın. Arka plan resminin sayfanın tamamına yayıldığını görmelisiniz.
### Faydalı Kaynaklar
* [W3Schools: Arka Plan Resimleri](https://www.w3schools.com/css/css_background.asp)
* [MDN Web Dokümantasyonu: Arka Plan Görüntüleri](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image)
* [CSS Arka Plan Görüntüleri](https://css-tricks.com/almanac/properties/background-image/)
### Sonuç
HTML arka plan resmini sayfanın tamamına eklemek, web sitenizin görsel çekiciliğini geliştirmek için basit ve etkili bir tekniktir. Bu kılavuzdaki adımları izleyerek, arka plan resminizi sayfanın tamamına yayabilir ve ziyaretçileriniz üzerinde kalıcı bir izlenim bırakabilirsiniz.