Latar HTML

Latar belakang yang baik membuat situs tampak menarik.

Contoh

Contoh penggabungan baik warna latar dan teks
Contoh yang baik penggabungan warna latar dan teks, membuat teks di halaman mudah dibaca.
Contoh penggabungan buruk warna latar dan teks
Contoh buruk penggabungan warna latar dan teks, membuat teks di halaman sulit dibaca.

（Beberapa contoh lagi dapat ditemukan di bawah halaman ini.。）

Latar Belakang (Backgrounds)

<body> Memiliki dua tag konfigurasi latar belakang. Latar belakang dapat berupa warna atau gambar.

Warna Latar (Bgcolor)

Atribut warna latar akan mengatur latar belakang menjadi warna tertentu. Nilai atribut dapat berupa bilangan heksadesimal, nilai RGB, atau nama warna.

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

Kode di atas akan menata warna latar menjadi hitam.

Latar (Background)

Atribut latar akan menata latar dengan gambar. Nilai atribut adalah URL gambar. Jika ukuran gambar lebih kecil daripada jendela peramban, gambar akan disalin di seluruh jendela peramban.

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

URL dapat berupa alamat relatif, seperti baris kode pertama. Juga dapat berupa alamat absolut, seperti baris kode kedua.

Tips:Jika Anda berencana untuk menggunakan gambar latar, ingat beberapa hal berikut:

  • Apakah gambar latar menambah waktu pemuat halaman. Tips: ukuran berkas gambar tidak boleh melebihi 10k.
  • Apakah gambar latar cocok dengan gambar lain di halaman?
  • Apakah gambar latar cocok dengan warna teks di halaman?
  • Gambar latar yang ditilingkan di halaman, bagus seperti yang terlihat?
  • Apakah perhatian teks diserupai oleh gambar latar?

Perhatian dasar - Tips yang bermanfaat:

Atribut latar (bgcolor), latar (background) dan teks (text) di dalam tag <body> telah dihapus dalam standar HTML terbaru (HTML4 dan XHTML). W3C telah menghapus atribut ini dalam standar recomendasi mereka.

Harus digunakan Cascading Style Sheets (CSS) untuk menentukan tata letak dan atribut tampilan elemen HTML.

Beberapa contoh lain

Gambar latar yang dapat diakses dengan kuat
Contoh gambar latar dan warna teks yang membuat teks halaman mudah dibaca.
Gambar latar yang dapat diakses dengan kuat 2
Contoh lain gambar latar dan warna teks yang membuat teks halaman mudah dibaca.
Gambar latar yang kurang dapat diakses
Contoh gambar latar dan warna teks yang membuat teks halaman sulit dibaca.