HTML Arka Plan

İyi bir arka plan, siteye özel bir görünüm kazandırır.

Örnek

Uyumlu arka plan ve renk
Arka plan rengi ve metin rengi uyumlu bir örnek, sayfadaki metni okumayı kolaylaştırır.
Uyumsuz arka plan ve renk
Arka plan rengi ve metin rengi uyumsuz bir örnek, sayfadaki metni okumayı zorlaştırır.

（Daha fazla örnek, bu sayfanın alt kısmında bulunabilir.。）

Arka plan (Backgrounds)

<body> iki arka plan ayarlama etiketi içerir. Arka plan, renk veya görsel olabilir.

Arka plan rengi (Bgcolor)

Arka plan rengi özelliği, arka planı belirli bir renge ayarlar. Özellik değeri, onaltılık sayı, RGB değeri veya renk adı olabilir.

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

Yukarıdaki kodlar, tümünü arka plan rengini siyah olarak ayarlar.

Arka Plan (Background)

Arka plan özellikleri, arka planı bir resim olarak ayarlar. Özellik değeri, resmin URL'sidir. Eğer resim boyutu tarayıcı penceresinden küçükse, resim tarayıcı penceresinin tamamında kopyalanır.

<body background="clouds.gif">
<body background="http://www.codew3c.com/clouds.gif">

URL, ilk satır kodu gibi relatif bir adres olabilir. Ayrıca, ikinci satır kodu gibi绝对 bir adres olabilir.

İpucu:Arka plan resmi kullanmayı planlıyorsanız, unutmamanız gereken birkaç nokta:

  • Arka plan resmi, sayfanın yüklenme süresini artırdı mı. İpucu: Resim dosyaları 10k'tan büyük olmamalıdır.
  • Arka plan resmi, sayfadaki diğer resimlerle iyi uyum sağlıyor mu.
  • Arka plan resmi, sayfadaki metin rengi ile iyi uyum sağlıyor mu.
  • Sayfa içinde döşenen resimler iyi görünüyor mu?
  • Metne dikkat, arka plan resmi tarafından gözden kaçırıldı mı?

Temel İpuçları - Kullanışlı Öneriler:

<body> etiketi içindeki arka plan rengi (bgcolor), arka plan (background) ve metin (text) özellikleri en son HTML standartlarında (HTML4 ve XHTML) terkedilmiştir. W3C, öneri standartlarında bu özellikleri kaldırmıştır.

HTML öğelerinin düzeni ve gösterim özelliklerini tanımlamak için katmanlı stil tabloları (CSS) kullanılmalıdır.

Daha fazla örnek

Kullanılabilirliği yüksek arka plan resmi
Arka plan resmi ve metin rengi, sayfa metnini okumayı kolaylaştıran örnek.
Kullanılabilirliği yüksek arka plan resmi 2
Bir diğer arka plan resmi ve metin rengi, sayfa metnini okumayı kolaylaştıran örnek.
Kullanılabilirliği düşük arka plan resmi
Arka plan resmi ve metin rengi, sayfa metnini okumayı zorlaştıran örnekler.