Background Color Red Html

3 min read Jul 03, 2024
Background Color Red Html

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.

Related Post


Featured Posts