HTML adalah bahasa markup untuk mendesain dokumen untuk ditampilkan di browser web. Ini terdiri dari serangkaian elemen untuk memberi tahu browser cara menampilkan konten seperti ukuran tajuk, warna latar belakang, dan lainnya untuk membuat tata letak yang unik.
Nah, kita bisa menyesuaikan dan mengatur warna background di HTML, apapun yang ingin kita tampilkan di web. Namun, tag HTML seperti bgcolor biasanya sudah ketinggalan zaman dalam hal HTML5, jadi sebaiknya gunakan CSS untuk desain. Untuk itu, ada sebuah <style> atribut yang menawarkan lebih banyak kontrol atas penyesuaian.
Kita dapat menggunakan atribut style di dalam HTML5 <body> tag dengan warna latar belakang pilihan yang ingin kita tambahkan ke elemen file HTML, bisa berupa warna latar belakang dokumen atau warna judul dan paragraf.
Ubah warna latar belakang HTML dengan sintaks CSS
Untuk menggunakan atribut style kita dapat menempatkannya di dalam tag body, berikut adalah sintaks untuk mengetahui bagaimana melakukannya.
<body style="background-color:name-of-the-colour;">Sekarang, misalnya, Anda ingin mengubah warna latar belakang file HTML menjadi Kuning. Sintaks di atas dapat digunakan dengan cara berikut:
<!DOCTYPE html>
<html>
<body style="background-color:yellow;">
<h1>This my first custom web file</h1>
</body>
</html>KELUARAN:
Contoh lain:
Kami juga dapat mengubah warna latar belakang elemen tertentu, katakanlah Anda juga ingin menyesuaikan tampilan Heading dan paragraf.
Nah, kita bisa menggunakan Style Attribute secara mandiri daripada menambahkannya di dalam tag
untuk mengontrol warna dokumen web kita.Contoh:
<!DOCTYPE html>
<html>
<head>
<body>
<h1>This my first custom web file</h1>
<p>Here we are not touching the background instead the paragraph text and Heading.</p>
</body>
<style>
body {
background-color:yellow;
}
h1 {
background-color: magenta;
}
p {
background-color: red;
}
</style>
</html>Anda dapat memasukkan nilai warna dengan heksadesimal kode atau oleh memasukkan warna yang didukung – misalnya, “merah”, “kuning” atau “biru”.
Namunmenggunakan langsung nama warnanya tidak memberimu akses luas ke berbagai warnamaka lebih baik menggunakan Kode HeksaDesimal.
Sekarang, muncul pertanyaan, cara menemukan kode heksadesimal warna favorit Anda?
Nah, ini tidak terlalu sulit, cukup buka saja Google.com dan disana cari “pemilih warna hex” tanpa titik koma. Dan Anda akan menemukan a alat sederhana untuk memilih warna menggunakan penunjuk tetikus dan alat akan secara otomatis memberikan kode heksadesimal yang sesuai.
Setelah Anda memiliki hexacode, untuk menggunakannya cukup ganti nama warna pada kode HTML dengan itu. Sebagai contohKode heksa untuk kuning warna adalah #ffff00. Karenanya, kami telah mengganti nama warna ini dengan kodenya pada contoh di bawah ini:
<!DOCTYPE html>
<html>
<body style="background-color:#ffff00;">
<h1>This my first custom web file</h1>
</body>
</html>Selain kode Heksadesimal, kita juga dapat menggunakan nilai RGB untuk menyesuaikan warna latar belakang. RGB adalah warna primer yang dapat digunakan untuk membuat warna sekunder. Oleh karena itu, dengan menentukan intensitas masing-masing Merah, biru, dan hijau kita bisa mendapatkan warna yang diinginkan. Hal yang baik adalah sama Pemilih warna Google dapat digunakan untuk mendapatkan nilai RGB demikian juga,
Dan untuk menggunakannya cukup ganti Hexa atau nama warna pada atribut style kode HTML Anda.
Sebagai contoh:
<!DOCTYPE html>
<html>
<body style="background-color: rgb(255,255,0);">
<h1>This my first custom web file</h1>
</body>
</html>Dengan cara ini, kami dapat dengan cepat mengubah warna latar belakang di file HTML kami.
Artikel Lainnya:
22 Daftar perangkat lunak open source gratis teratas untuk pengembangan web
Mengapa seseorang harus beralih ke Rust dari pemrograman Java
Cara Membuat Template HTML dan CSS Tanpa Coding
Cara Mengubah Warna Terminal di Ubuntu Linux: Latar Belakang