Arka plan, bir web sitesinin en önemli unsurlarından biridir. İyi bir arka plan, web sitesinin tonunu oluşturur ve içeriği tamamlar. Her biri farklı bir amaç için arka plan eklemenin birçok farklı yolu vardır. Bazı yöntemler, arka planı bir web sitesindeki tüm sayfalara uygulamanıza izin verirken, diğerleri arka planı yalnızca belirli bir sayfayla sınırlandırır. Bu makale size HTML veya CSS kullanarak web sitenize nasıl arka plan ekleyeceğinizi öğretir.
adımlar
Yöntem 1/2: HTML Yöntemleri
Düz Renkli Arka Plan
Adım 1. Düz renkli bir arka plan, bir web sitesine koyabileceğiniz en temel arka plan türüdür
Aslında, her web sitesi varsayılan bir beyaz arka planla başlar. Bununla birlikte, beyaz bir arka plan uyumlu bir renk şemasıyla kullanıldığında çok şık ve temiz görünebilirken, farklı temalarla farklı renkli bir arka plan tercih edilebilir.
Adım 2. Web kodunuzu açın (kaynak)
Adım 3. Gövde etiketine bgcolor adlı bir öznitelik ekleyin
Şimdi, vücut etiketiniz şöyle görünmelidir-
COLORNAME rengin adıdır. COLORNAME, birçok renk temsilcisi türüyle doldurulabilir-
- (renk adı)
- (onaltılık değer)
- (RGB değeri)
Adım 4. RGB ve # ile deneme yapmak birçok gölgeye yol açabilir, ancak ilk yolu kolay olanı seçebilirsiniz
Ancak, alışılmadık bir rengi "Ultramarine Blueish Green" olarak yazmanın beyazla sonuçlanacağını unutmayın.
Arka Plan Resmi Ekleme
Bir arka plan resmi eklemek, düz renkli bir arka plandan biraz daha karmaşıktır
Adım 1. Arka plan özelliğini gövde etiketine ekleyin, böylece şöyle görünür-
SRC, görüntünün kaynağı olduğunda, SRC aynı klasörde veya başka bir klasör/web sayfasında olabilir.
- (aynı klasörde)
- (farklı bir klasör içinde)
- (farklı bir web sayfasında)
Adım 2..gif/-j.webp" />
Yöntem 2/2: CSS Yöntemleri
Düz Renkli Arka Plan
Adım 1. CSS'ye düz renkli bir arka plan eklemek için bir stil niteliği ekleyin
Ayrıca Kimlikler ve Sınıflar verebilir ve hem harici hem de dahili stil sayfalarını kullanabilirsiniz.
Adım 2. Gövde etiketiniz şöyle görünmelidir-
COLORNAME rengin, onaltılık değerin veya RGB'nin adı olduğunda (HTML'deki düz renkli arka planın son adımlarını da unutmayın, burada da geçerlidir).
Resim Ekleme
Adım 1. Bir resim eklemek için, gövde etiketine stil niteliğini ekleyin
Ayrıca Kimlikler ve Sınıflar verebilir ve hem harici hem de dahili stil sayfalarını kullanabilirsiniz.
Adım 2. Gövde etiketiniz şimdi şöyle görünmelidir-
Adım 3. SRC'nin kaynak olduğunu unutmayın
Aynı klasörden, farklı klasörden veya farklı bir web sayfasından olabilir.
- (aynı klasörde)
- (farklı bir klasör içinde)
- (farklı bir web sayfasında).
Adım 4..uzantılarını da eklemeyi unutmayın
Yinelenen Desenli Arka Plan
Adım 1. Tekrarlanan bir desen arka planı yapmak için yukarıdaki adımlarda söylendiği gibi bir arka plan ekleyin
Gövde etiketiniz şimdi değiştirilmelidir-
TEKRAR-AYARLARI ayarlardır. Gibi birçok tekrar ayarı olabilir-
- (Arka plan hem dikey hem de yatay olarak tekrarlanacaktır.)
- (Arka plan yatay olarak tekrar edecektir.)
- (Arka plan dikey olarak tekrar edecektir.)
Sabit Görüntü Arka Planı
Adım 1. Sabit görüntü arka planları harika görünüyor ve siz aşağı kaydırdıkça değişmiyor
Bunları yapmak için yukarıdaki bölümdeki kodda bazı basit değişiklikler yapmanız yeterlidir. Gövde etiketinin şöyle görünmesi için ince ayarları yapın-