HTML'de Arka Plan Nasıl Değiştirilir

İçindekiler:

HTML'de Arka Plan Nasıl Değiştirilir
HTML'de Arka Plan Nasıl Değiştirilir

Video: HTML'de Arka Plan Nasıl Değiştirilir

Video: HTML'de Arka Plan Nasıl Değiştirilir
Video: HTML dersleri 03 Arka plan renklendirme ve Arka plana resim ekleme 2024, Nisan
Anonim

Sayfanın arka planı, belgenin kaynak kodunda uygun yönergeler belirtilerek HTML ve CSS aracılığıyla ayarlanabilir. İşaretleme dillerinde kullanılan özellikler, çoğu modern tarayıcı tarafından desteklenir ve sitenize gelen hemen hemen her ziyaretçide doğru şekilde görüntülenir.

HTML'de arka plan nasıl değiştirilir
HTML'de arka plan nasıl değiştirilir

Arka plan parametresi

Kullanmakta olduğunuz düzenleyicide düzenlemek için HTML sayfa dosyanızı açın. Bunu yapmak için belgeye sağ tıklayıp "Birlikte aç" bölümünü seçebilirsiniz.

Bir HTML dosyasının yapısı, çeşitli düzey ve amaçlara sahip bir dizi tanımlayıcıdır. Sayfa kodu genellikle bir etiketle başlar. Bunu genellikle sayfa başlığını ve CSS kodunu içeren bir bölüm izler. Tanımlayıcı kapatıldıktan sonra sayfanın gövdesi başlar. Sayfanın arka plan görüntüsünü ayarlama özelliği, bu etiket için ek bir arka plan parametresi olarak ayarlanır. Sayfa arka planı oluşturma kodu şöyle görünecektir:

Bu durumda, resmin yolu bir URL olabilir (https:// ile başlayan). Konum, kök dizinden (/root/klasör/background.jpg) veya düzenlenmekte olan HTML belgesinin konumuna göre (örneğin, klasör / arka plan.jpg) belirtilebilir.

Değişikliklerinizi kaydedin ve sayfayı bir tarayıcıda açın. Bunu yapmak için sağ tıklayın ve "Birlikte Aç" ı seçin. Sağlanan listede, İnternet'te gezinmek için kullandığınız programın adını belirtin. Arka plan parametresi doğru ayarlanmışsa, daha önce belirtilen arka plan görüntüsünü göreceksiniz. Resim görüntülenmiyorsa, arka plan özniteliğinin doğruluğunu ve arka plan dosyasının yolunu kontrol edin.

Bgcolor parametresi

Arka plan rengini resimsiz ayarlamak için bgcolor yönergesini kullanabilirsiniz. Bu nitelik için bir değer olarak, renk adını İngilizce olarak belirtebilir veya HTML paletindeki renk değerini kullanabilirsiniz. Örneğin:

Bu kod, sayfaya mavi bir arka plan verir. Bir renk tonu veya daha doğru bir renk ayarlamak istiyorsanız, HTML paletinin değerlerini kullanın:

Bu durumda #002902 sayfaya verilecek renktir.

CSS Özellikleri

Parametrelerdeki CSS'yi kullanarak arka planı da ayarlayabilirsiniz:

CSS ile, arka plan görüntüsü aracılığıyla sayfanın arka plan görüntüsünü de belirtebilirsiniz:

CSS ve HTML kullanmak aynı sonuçları verir, ancak sayfa görüntüleme parametrelerini ayarlarken CSS kullanılması tercih edilir.

Önerilen: