Body Color HTML
Warna latar belakang body dalam HTML dapat diatur dengan atribut bgcolor
pada tag <body>
. Atribut ini telah tidak direkomendasikan lagi dan tidak lagi didukung di beberapa browser modern. Cara terbaik untuk mengatur warna latar belakang body adalah dengan menggunakan CSS.
Mengatur Warna Latar Belakang dengan CSS
Anda dapat mengatur warna latar belakang body menggunakan properti background-color
dalam CSS. Ada beberapa cara untuk melakukannya:
-
Memasukkan CSS langsung ke dalam tag
<body>
:Ini adalah judul
Ini adalah paragraf.
Kode di atas akan membuat warna latar belakang body menjadi abu-abu terang (#f0f0f0).
-
Menyisipkan style sheet external:
Buat file CSS terpisah (misalnya
style.css
) dengan kode berikut:body { background-color: #f0f0f0; }
Kemudian, tambahkan tag
<link>
di dalam tag<head>
untuk menghubungkan file CSS dengan HTML:
Menentukan Warna
Anda dapat menggunakan berbagai cara untuk menentukan warna:
- Nama warna: Gunakan nama warna standar seperti
red
,green
,blue
,black
,white
, dan lainnya. - Kode heksadesimal: Gunakan kode heksadesimal seperti
#ff0000
untuk merah,#00ff00
untuk hijau,#0000ff
untuk biru, dan lain sebagainya. - Kode RGB: Gunakan nilai RGB seperti
rgb(255, 0, 0)
untuk merah,rgb(0, 255, 0)
untuk hijau,rgb(0, 0, 255)
untuk biru. - Kode HSL: Gunakan nilai HSL seperti
hsl(0, 100%, 50%)
untuk merah,hsl(120, 100%, 50%)
untuk hijau,hsl(240, 100%, 50%)
untuk biru.
Contoh Tambahan
Berikut adalah contoh pengaturan warna latar belakang body dengan menggunakan kode heksadesimal dan nama warna:
Warna Latar Belakang Body
Ini adalah judul
Ini adalah paragraf.
Pada contoh di atas, body memiliki warna latar belakang abu-abu terang, sedangkan judul (h1) memiliki warna latar belakang biru muda.
Rekomendasi
Selalu gunakan CSS untuk mengatur warna latar belakang body dan elemen lainnya. Cara ini lebih fleksibel, terstruktur, dan mudah diubah. Hindari penggunaan atribut bgcolor
karena sudah tidak direkomendasikan dan tidak lagi didukung oleh banyak browser.