Background Color dalam HTML
Background color dalam HTML digunakan untuk mengatur warna latar belakang dari suatu elemen HTML, seperti tag <body>
untuk seluruh halaman web, atau tag <div>
untuk bagian tertentu dari halaman.
Cara Mengatur Background Color
Untuk mengatur background color, kita bisa menggunakan atribut style
dalam tag HTML. Atribut style
memungkinkan kita untuk menambahkan CSS (Cascading Style Sheets) secara langsung ke elemen HTML.
Berikut contoh bagaimana mengatur background color pada tag <body>
:
Background Color Example
Selamat Datang
Ini adalah contoh penggunaan background color.
Kode di atas akan menampilkan halaman web dengan latar belakang berwarna biru muda (lightblue
).
Cara Menentukan Warna
Warna dapat ditentukan dengan beberapa cara:
- Nama Warna: Anda dapat menggunakan nama warna yang sudah didefinisikan seperti
red
,green
,blue
,yellow
,black
,white
, dll. - Kode Hexadecimal: Kode hexadecimal adalah cara standar untuk menentukan warna dalam HTML dan CSS. Kode ini terdiri dari enam digit heksadesimal, seperti
#FF0000
untuk warna merah,#00FF00
untuk warna hijau, dan#0000FF
untuk warna biru. - Kode RGB: Kode RGB (Red, Green, Blue) menentukan warna berdasarkan kombinasi intensitas warna merah, hijau, dan biru. Kode ini ditulis sebagai
rgb(r, g, b)
, dimanar
,g
, danb
adalah nilai numerik dari 0 hingga 255. Contohnya,rgb(255, 0, 0)
untuk warna merah,rgb(0, 255, 0)
untuk warna hijau, danrgb(0, 0, 255)
untuk warna biru.
Contoh Penggunaan
Berikut beberapa contoh penggunaan background color:
- Mengatur warna latar belakang seluruh halaman web:
- Mengatur warna latar belakang elemen tertentu:
Judul
Paragraf teks.
- Mengatur warna latar belakang teks:
Teks dengan latar belakang kuning.
Catatan
- Anda dapat menggunakan CSS external untuk mengatur background color, sehingga kode HTML lebih terstruktur dan mudah dibaca.
- Background color dapat dikombinasikan dengan properti CSS lainnya seperti warna teks, border, dan padding.
- Anda dapat menggunakan berbagai macam warna dan kombinasi warna untuk membuat desain web yang menarik dan profesional.
Dengan memahami bagaimana mengatur background color dalam HTML, Anda dapat mengontrol tampilan halaman web dan membuatnya lebih menarik dan informatif.