Apa Html Yang Benar Untuk Menambahkan Warna Latar Belakang

4 min read Jun 28, 2024

Apa HTML yang Benar untuk Menambahkan Warna Latar Belakang?

Untuk menambahkan warna latar belakang pada elemen HTML, kita dapat menggunakan atribut style dengan properti background-color. Berikut contoh penerapannya:




Warna Latar Belakang



  Judul dengan Warna Latar Belakang
  
  Teks dengan warna latar belakang hijau muda.

Pada contoh di atas, kita menambahkan atribut style pada tag <h1> dan <p>. Di dalam atribut style, kita menggunakan properti background-color untuk menentukan warna latar belakang masing-masing elemen.

Menentukan Warna Latar Belakang

Ada beberapa cara untuk menentukan warna latar belakang:

Nama Warna: Anda dapat menggunakan nama warna yang umum seperti red, green, blue, yellow, black, white, dan sebagainya.
Kode Warna Hex: Kode warna hex terdiri dari enam digit yang mewakili kombinasi warna merah, hijau, dan biru (RGB). Contohnya: #FF0000 (merah), #00FF00 (hijau), #0000FF (biru).
Kode Warna RGB: Kode warna RGB menggunakan tiga angka dari 0 hingga 255 untuk mewakili intensitas warna merah, hijau, dan biru. Contohnya: rgb(255, 0, 0) (merah), rgb(0, 255, 0) (hijau), rgb(0, 0, 255) (biru).

Menambahkan Warna Latar Belakang pada Seluruh Halaman

Untuk menambahkan warna latar belakang pada seluruh halaman web, kita dapat menggunakan tag <body>:




Warna Latar Belakang



  Judul Halaman

  Teks halaman.

Pada contoh di atas, kita menambahkan atribut style pada tag <body> dengan properti background-color #f0f0f0 (abu-abu muda).

Menambahkan Warna Latar Belakang dengan CSS

Selain menggunakan atribut style di dalam tag HTML, kita juga bisa menambahkan warna latar belakang dengan menggunakan CSS. Berikut contohnya:




Warna Latar Belakang




  Judul Halaman

  Teks halaman.

Pada contoh ini, kita menambahkan tag <style> di dalam tag <head>. Di dalam tag <style> kita menentukan aturan CSS untuk tag <body>, <h1>, dan <p> untuk menentukan warna latar belakang masing-masing elemen.

Penjelasan Lebih Lanjut

Penggunaan CSS lebih disarankan karena memisahkan presentasi dari struktur HTML.
Penggunaan atribut style di dalam tag HTML bisa menjadi tidak efisien jika diterapkan pada banyak elemen.
Anda dapat menemukan lebih banyak informasi mengenai CSS dan warna di berbagai sumber daya online.

Dengan memahami cara menambahkan warna latar belakang pada elemen HTML, Anda dapat membuat halaman web yang lebih menarik dan mudah dibaca.

Apa Html Yang Benar Untuk Menambahkan Warna Latar Belakang