Html'de Arka Plan Nasıl Doldurulur

İçindekiler:

Html'de Arka Plan Nasıl Doldurulur
Html'de Arka Plan Nasıl Doldurulur
Anonim

HTML biçimlendirme dili, sayfanın arka planını herhangi bir rengin düz rengine dönüştürmenize ve üzerine resimler yerleştirmenize olanak tanır. Bu, örneğin bir yatay veya kağıt dokusuna karşı metin almayı mümkün kılar.

html'de arka plan nasıl doldurulur
html'de arka plan nasıl doldurulur

Talimatlar

Aşama 1

Üzerine yerleştirmek için bir arka plan rengi veya resmi seçerken, öncelikle metnin okunabilirliğine rehberlik edin. Arka plan zıt olmalı, başka bir deyişle, karakterler üzerinde açıkça öne çıkmalıdır. Arka plan grafiğini yapmaya karar verirseniz, görüntünün yazarı olduğunuzdan veya bir sözleşme temelinde (örneğin ücretsiz bir lisans) kullanma hakkına sahip olduğunuzdan emin olun.

Adım 2

Etiketi sayfanın HTML kaynağında bulun. Arka planı düz ve renkli yapmak için, renk kodu olarak bir argümanla bkcolor değişkenini ekleyin. Bundan sonra, yapı şu şekilde görünecektir: <body bkcolor = rrggbb: gt;, burada rr, gg ve bb 00 ile FF aralığında onaltılık sayılardır. Birincisi kırmızı bileşenin yoğunluğunu, ikincisi - yeşile ve üçüncüsü - maviye ayarlar.

Aşama 3

Arka plana bir resim yerleştirmek istiyorsanız, her şeyden önce boyutunu küçültün, böylece hem yatay hem de dikey çözünürlükleri 320'den az olsun. Orijinali bozmamak için yeni bir dosya olarak kaydedin. Lütfen JPG,.png

4. Adım

Web arayüzünü veya bir yazılım FTP istemcisini kullanarak, görüntü dosyasını düzenlemekte olduğunuz HTML dosyasının bulunduğu sunucu klasörüne yerleştirin.

Adım 5

bkcolor değişkeni yerine, görüntü dosyasının adı olarak bir argümanla etikete arka plan değişkenini ekleyin. Şimdi şöyle görünecek: burada fon

6. Adım

Güncellenen HTML dosyasını sunucuya yükleyin. Bir tarayıcıda açın. Arka planın doğru görüntülendiğinden emin olun. Üzerinde bir resim varsa, sayfadaki tüm boşluğu doldurarak hem yatay hem de dikey olarak tekrar edecektir. Yeni arka plandaki metnin farklı tarayıcılarda ne kadar iyi okunduğunu kontrol edin. Gerekirse farklı bir renk veya grafik dosyası kullanın.

Önerilen: