Arka Plan Ekleme Html

Arka Plan Ekleme HTML:

Arka plan ekleme, web sayfanızın görünümünü ve hissini iyileştirmenin harika bir yoludur. Arka plan rengi, görüntüsü veya videosu ekleyebilirsiniz. Bu makalede, HTML’de arka plan eklemenin farklı yollarını ele alacağız.

Arka Plan Rengi Ekleme

Arka plan rengi eklemenin en basit yolu, body etiketine background-color özelliğini kullanmaktır. Örneğin, arka plan rengini mavi yapmak için aşağıdaki kodu kullanabilirsiniz:

“`html


“`

### Arka Plan Görüntüsü Ekleme

Arka plan görüntüsü eklemek için `body` etiketine `background-image` özelliğini kullanabilirsiniz. Örneğin, arka plan görüntüsünü “bg.jpg” adlı bir dosyadan eklemek için aşağıdaki kodu kullanabilirsiniz:

“`html

“`

Arka plan görüntüsünün nasıl tekrarlanacağını kontrol etmek için `background-repeat` özelliğini kullanabilirsiniz. Örneğin, arka plan görüntüsünün yatay olarak tekrarlanmasını önlemek için aşağıdaki kodu kullanabilirsiniz:

“`html

“`

Arka plan görüntüsünün konumunu kontrol etmek için `background-position` özelliğini kullanabilirsiniz. Örneğin, arka plan görüntüsünü sayfanın ortasına yerleştirmek için aşağıdaki kodu kullanabilirsiniz:

“`html

“`

### Arka Plan Videosu Ekleme

Arka plan videosu eklemek için `body` etiketine `background-video` özelliğini kullanabilirsiniz. Örneğin, arka plan videosunu “bg.mp4” adlı bir dosyadan eklemek için aşağıdaki kodu kullanabilirsiniz:

“`html

“`

Arka plan videosunun nasıl tekrarlanacağını kontrol etmek için `background-repeat` özelliğini kullanabilirsiniz. Örneğin, arka plan videosunun yatay olarak tekrarlanmasını önlemek için aşağıdaki kodu kullanabilirsiniz:

“`html

“`

Arka plan videosunun konumunu kontrol etmek için `background-position` özelliğini kullanabilirsiniz. Örneğin, arka plan videosunu sayfanın ortasına yerleştirmek için aşağıdaki kodu kullanabilirsiniz:

“`html

“`

### Faydalı Siteler ve Dosyalar

* [HTML Arka Plan Örnekleri](https://www.w3schools.com/html/html_background.asp)
* [HTML Arka Plan Rengi](https://www.w3schools.com/cssref/pr_background-color.asp)
* [HTML Arka Plan Görüntüsü](https://www.w3schools.com/cssref/pr_background-image.asp)
* [HTML Arka Plan Videosu](https://www.w3schools.com/cssref/pr_background-video.asp)


Yayımlandı

kategorisi