Arka Plan Resmi Ekleme HTML
Arka plan resmi eklemek, web sitenizin görünümünü iyileştirmenin ve ziyaretçilerinizin dikkatini çekmenin harika bir yoludur. HTML’de arka plan resmi eklemek için birkaç farklı yol vardır. Bu makalede, bu yolları ayrıntılı olarak ele alacağız.
1. CSS Kullanarak Arka Plan Resmi Ekleme
Arka plan resmi eklemenin en yaygın yolu, CSS kullanmaktır. CSS, web sayfalarının görünümünü kontrol eden bir stil dilidir. Arka plan resmi eklemek için aşağıdaki CSS kodunu kullanabilirsiniz:
body {
background-image: url("resim.jpg");
}
Bu kod, web sayfanızın arka planına “resim.jpg” adlı resmi ekleyecektir. Resmi değiştirmek için, “resim.jpg” adlı kısmı değiştirmeniz yeterlidir.
2. HTML Kullanarak Arka Plan Resmi Ekleme
Arka plan resmi eklemenin bir diğer yolu da, HTML kullanmaktır. HTML, web sayfalarının yapısını kontrol eden bir işaretleme dilidir. Arka plan resmi eklemek için aşağıdaki HTML kodunu kullanabilirsiniz:
“`
“`
Bu kod, web sayfanızın arka planına “resim.jpg” adlı resmi ekleyecektir. Resmi değiştirmek için, “resim.jpg” adlı kısmı değiştirmeniz yeterlidir.
### 3. JavaScript Kullanarak Arka Plan Resmi Ekleme
Arka plan resmi eklemenin bir diğer yolu da, JavaScript kullanmaktır. JavaScript, web sayfalarında etkileşimli özellikler eklemek için kullanılan bir programlama dilidir. Arka plan resmi eklemek için aşağıdaki JavaScript kodunu kullanabilirsiniz:
“`
document.body.style.backgroundImage = “url(‘resim.jpg’)”;
“`
Bu kod, web sayfanızın arka planına “resim.jpg” adlı resmi ekleyecektir. Resmi değiştirmek için, “resim.jpg” adlı kısmı değiştirmeniz yeterlidir.
### Arka Plan Resmi Eklerken Dikkat Edilmesi Gerekenler
Arka plan resmi eklerken dikkat edilmesi gereken birkaç önemli nokta vardır:
* Resmi boyutlandırın. Arka plan resmi, web sayfanızın boyutlarına uygun olmalıdır. Aksi takdirde, resim kesilebilir veya deforme olabilir.
* Resmi sıkıştırın. Arka plan resmi, web sayfanızın yüklenme süresini etkileyebilir. Bu nedenle, resmi sıkıştırmanız önerilir.
* Resmi seçerken dikkatli olun. Arka plan resmi, web sitenizin görünümünü ve hissiyatını etkileyebilir. Bu nedenle, resmi seçerken dikkatli olmanız ve web sitenizin temasına uygun bir resim seçmeniz önerilir.
### Faydalı Siteler ve İlgili Dosyalar
* [CSS Arka Plan Resmi Örnekleri](https://www.w3schools.com/cssref/css3_pr_background-image.asp)
* [HTML Arka Plan Resmi Örnekleri](https://www.w3schools.com/html/html_background.asp)
* [JavaScript Arka Plan Resmi Örnekleri](https://www.w3schools.com/jsref/prop_style_backgroundimage.asp)
* [Arka Plan Resmi Sıkıştırma Araçları](https://tinyjpg.com/)