Html'de Arka Plan Nasıl Yapılır

İçindekiler:

Html'de Arka Plan Nasıl Yapılır
Html'de Arka Plan Nasıl Yapılır

Video: Html'de Arka Plan Nasıl Yapılır

Video: Html'de Arka Plan Nasıl Yapılır
Video: Css Arka Plan Resmi Ekleme (Full olarak) 2024, Mayıs
Anonim

Arka planı olan bir web sayfası, arka planı olmayandan daha güzel görünme eğilimindedir. Web sayfasının görüntüsünün doğruluğu, arka plan eklemek için yetkin eylemlere bağlıdır.

html'de arka plan nasıl yapılır
html'de arka plan nasıl yapılır

Talimatlar

Aşama 1

Bir html belgesinde arka plan oluşturmanın en kolay yolu, öznitelik değerini gövde etiketine atamaktır. Arka plan özelliği için verilen bir değer, sayfadaki arka plan resmini belirleyecektir. bgcolor özniteliğinin değerini ayarlarsanız, sayfa bir arka plan rengi alacaktır. Gövde etiketinin bgcolor özelliğindeki renk, onaltılık olarak veya yalnızca bir sözcükle belirtilebilir.

Adım 2

Aynı efekti, basamaklı CSS stil sayfalarını kullanarak da elde edebilirsiniz. background-color özniteliği için bir değer, sayfadaki arka plan rengini tanımlarken, background-image özniteliği için bir değer, sayfanın arka plan görüntüsüne giden yolu tanımlayacaktır. Bu talimatlar gövde seçiciye yazılabilir. Bunu farklı şekilde yapabilirsiniz: html etiketindeki gövde etiketine bir sınıf veya tanımlayıcı atayın ve yukarıdaki nitelikleri sırasıyla css'deki sınıf veya tanımlayıcıya atayın. Yalnızca öznitelikler bir sınıfa atanırsa, belirtilen sınıfa sahip tüm nesnelerin html belgesinde bir arka plan rengine sahip olacağı akılda tutulmalıdır.

Aşama 3

Yukarıdaki talimatlar, html belgesinin gövdesine yazılabilir. Bunu yapmak için, servis bölümünde head etiketleri arasında (açma ve kapama) stil etiketini açın. Belirli bir etiketin açılması ve kapanması arasında herhangi bir CSS ifadesi yazılabilir. Sadece bu durumda sayfa ağırlığının artacağı ve bunun son kullanıcı için yüklenmesi için gereken süreyi olumsuz etkileyebileceği unutulmamalıdır. Bir arka plan resminin belirtilmesi durumunda, yatay, dikey veya iki eksen boyunca aynı anda tekrarlanabileceğine de dikkat edilmelidir. Bundan CSS'deki background-repeat özelliği sorumludur. Arka plan resmi, belgede bir kaydırma çubuğu olup olmadığına bakılmaksızın sabit bir şekilde sabitlenebilir. Bu efekti elde etmek için arka plan eki: sabit belirtmelisiniz.

4. Adım

Bir html belgesinin arka planı, programlama dilleri kullanılarak yapılabilir. JavaScript kullanarak html talimatları yazabilirsiniz. Document.write dil yapısı bunun için uygundur. Aynı şey DOM üzerinden ifade edilirse, document.body.style.backgroundColor = “red” ifadesi sayfanın arka planını kırmızı yapacaktır. Bu, uygun niteliği doğrudan CSS'ye yazmakla aynıdır.

Adım 5

Önceki talimatlar, açılış ve kapanış başlık etiketleri arasında bir çift komut dosyası etiketi oluşturularak bir web sayfasının koduna doğrudan yazılabilir. Ancak, tüm bu talimatlar daha sonra sayfaya bağlanabilen js uzantılı ayrı bir dosyaya yazılabilir.

Önerilen: