Mengatur Warna Latar Belakang di HTML dengan Red
Dalam HTML, Anda dapat mengatur warna latar belakang elemen dengan menggunakan properti background-color
dalam CSS. Untuk mengatur warna latar belakang menjadi merah, Anda dapat menggunakan kode warna "red" atau kode heksadesimal "#FF0000".
Contoh Kode
Warna Latar Belakang Merah
Selamat Datang!
Teks ini berada di atas latar belakang merah.
Penjelasan Kode
<!DOCTYPE html>
: Menentukan versi HTML yang digunakan.<html>
: Elemen akar dari dokumen HTML.<head>
: Menampung informasi metadata dan tautan ke file eksternal.<title>
: Menentukan judul halaman web yang ditampilkan di tab browser.<style>
: Menampung kode CSS untuk mengatur gaya elemen HTML.body { ... }
: Menentukan gaya untuk elemen<body>
yang merupakan konten utama halaman web.background-color: red;
: Menentukan warna latar belakang elemen<body>
menjadi merah.<body>
: Elemen yang menampung konten halaman web.<h1>
: Elemen heading tingkat 1 untuk judul.<p>
: Elemen paragraf untuk teks.
Hasil
Kode HTML di atas akan menghasilkan halaman web dengan latar belakang berwarna merah. Teks yang ada di dalam halaman tersebut akan terlihat dengan kontras yang tinggi terhadap latar belakang merah.
Catatan
- Anda dapat mengatur warna latar belakang untuk elemen HTML lainnya selain
<body>
, seperti<div>
,<span>
, dan lain sebagainya. - Anda juga dapat menggunakan kode warna lain seperti kode heksadesimal (#FF0000), kode RGB (rgb(255, 0, 0)), atau nama warna lainnya seperti "maroon", "crimson", "tomato", dan lain sebagainya.
- Warna latar belakang dapat digunakan untuk meningkatkan keterbacaan konten, menciptakan efek visual yang menarik, dan menonjolkan bagian tertentu dari halaman web.