Htlm Sayfa Arkası Resim Ekleme

HTML Sayfa Arkası Resim Ekleme: Kapsamlı Bir Kılavuz

Bir web sayfasına arka plan resmi eklemek, sitenizin estetik çekiciliğini artırmanın ve ziyaretçiler üzerinde olumlu bir izlenim bırakmanın etkili bir yoludur. HTML kullanarak arka plan resmi eklemek nispeten basit bir işlemdir ve bu kılavuzda adım adım talimatlar ve faydalı ipuçları sağlayacağız.

Arka Plan Resim Ekleme

Bir HTML sayfasına arka plan resmi eklemek için aşağıdaki adımları izleyin:

HTML Dosyanızı Açın: Bir metin düzenleyici veya kod düzenleyici kullanarak HTML dosyanızı açın.
<body> Etiketini Bulun: HTML kodunuzda <body> etiketini bulun. Bu etiket, sayfanızın içeriğini içerir.
background-image Özelliğini Ekleyin: <body> etiketine background-image özelliğini ekleyin. Bu özellik, arka plan resminin URL’sini veya dosya yolunu belirtir.
Resim URL’sini veya Dosya Yolunu Girin: background-image özelliğinin değerine, arka plan resminin URL’sini veya dosya yolunu tırnak işaretleri içinde girin. Örneğin:

“`html

“`

### Arka Plan Resim Özelliklerini Özelleştirme

Arka plan resminizin görünümünü ve davranışını özelleştirmek için aşağıdaki ek özellikleri kullanabilirsiniz:

* **`background-repeat`:** Resmin nasıl tekrarlanacağını belirler. Seçenekler arasında `no-repeat`, `repeat`, `repeat-x` ve `repeat-y` bulunur.
* **`background-position`:** Resmin sayfanın içinde nasıl konumlandırılacağını belirler. Seçenekler arasında `left`, `center`, `right`, `top`, `bottom` ve bunların kombinasyonları bulunur.
* **`background-size`:** Resmin boyutunu belirler. Seçenekler arasında `auto`, `cover` ve `contain` bulunur.
* **`background-attachment`:** Resmin kaydırma sırasında nasıl davranacağını belirler. Seçenekler arasında `scroll` ve `fixed` bulunur.

Örneğin, arka plan resminin sayfanın sol üst köşesinde sabitlenmesini ve sayfanın geri kalanıyla birlikte kaydırılmamasını istiyorsanız, aşağıdaki özellikleri kullanabilirsiniz:

“`html

“`

### Faydalı Siteler ve Dosyalar

* [CSS Arka Plan Özellikleri](https://www.w3schools.com/cssref/css3_pr_background.asp)
* [HTML Arka Plan Resimleri](https://www.html.com/tags/background/)
* [Ücretsiz Arka Plan Görselleri](https://unsplash.com/photos/arka-plan)
* [Arka Plan Resimleri Oluşturucu](https://www.canva.com/create/backgrounds/)

### Sonuç

HTML kullanarak bir web sayfasına arka plan resmi eklemek, sitenizin görünümünü ve hissini geliştirmenin kolay ve etkili bir yoludur. Bu kılavuzdaki talimatları ve ipuçlarını izleyerek, ziyaretçileriniz üzerinde kalıcı bir izlenim bırakacak çarpıcı arka planlar oluşturabilirsiniz.