MUAZHAN
Home

Background Colour Html

4 min read Jul 01, 2024
Background Colour Html

Mengatur Warna Latar Belakang pada HTML

Warna latar belakang pada halaman web merupakan elemen penting dalam desain web. Warna latar belakang dapat memberikan suasana tertentu, meningkatkan keterbacaan teks, dan membuat halaman web lebih menarik secara visual. Dalam HTML, kita dapat mengatur warna latar belakang dengan menggunakan atribut bgcolor pada tag <body> atau menggunakan properti CSS background-color.

Mengatur Warna Latar Belakang dengan Atribut bgcolor

Cara paling sederhana untuk mengatur warna latar belakang adalah dengan menggunakan atribut bgcolor pada tag <body>. Atribut ini menerima nilai berupa nama warna atau kode warna heksadesimal.

Contoh:




  Contoh Warna Latar Belakang


  
Selamat Datang!

  
Ini adalah contoh penggunaan atribut bgcolor.

Kode di atas akan menampilkan halaman web dengan warna latar belakang biru muda (lightblue).

Mengatur Warna Latar Belakang dengan CSS

Cara yang lebih fleksibel dan dianjurkan untuk mengatur warna latar belakang adalah dengan menggunakan CSS. Kita dapat mendefinisikan properti background-color pada tag <body> atau pada elemen CSS lainnya.

Contoh:




  Contoh Warna Latar Belakang dengan CSS
  


  
Selamat Datang!

  
Ini adalah contoh penggunaan CSS untuk mengatur warna latar belakang.

Kode di atas akan menampilkan halaman web dengan warna latar belakang abu-abu muda (#f0f0f0).

Cara Menentukan Warna

Ada beberapa cara untuk menentukan warna dalam HTML dan CSS:

  • Nama Warna: menggunakan nama warna standar seperti red, blue, green, yellow, pink, dan sebagainya.
  • Kode Warna Heksadesimal: menggunakan kode warna heksadesimal seperti #ff0000 untuk merah, #0000ff untuk biru, dan #00ff00 untuk hijau.
  • Kode Warna RGB: menggunakan kode warna RGB seperti rgb(255, 0, 0) untuk merah, rgb(0, 0, 255) untuk biru, dan rgb(0, 255, 0) untuk hijau.

Tips Tambahan:

  • Gunakan warna latar belakang yang kontras dengan warna teks untuk meningkatkan keterbacaan.
  • Pilih warna yang sesuai dengan tema dan desain website Anda.
  • Hindari menggunakan warna latar belakang yang terlalu terang atau terlalu gelap, karena dapat membuat mata lelah.

Semoga artikel ini bermanfaat untuk Anda!

Html

Latest Posts

Featured Posts