Minggu, Oktober 20, 2019

Mengatur warna latar belakang dan teks dengan format hexadecimal pada html

Pada materi ini peserta didik akan melanjutkan materi tetang cara mewarnai latar belakang web atau font dengan menggunakan tag BGCOLOR dan TEXT seperti yang telah dijelaskan pada materi yang sebelumnya. Namun, perbedaan yang dipelajari pada materi ini adalah nilai atau value yang diberikan terhadap kode warna adalah tidak berupa nama warna dalam bahasa inggris (blue, yellow, pink, green, dan lain sebagainya), melainkan menggunakan kode warna dalam bentuk nilai Hexadesimal.

Hexadesimal adalah sistem bilangan berbasis 16 karakter yang terdiri dari: 
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

Berbeda dengan sistem bilangan desimal yang hanya terdiri dari 10 karakter, yaitu:
0, 1, 2, 3, 4, 5, 6, 7, 8, 9

Dengan menggunakan sistem bilangan hexadesimal, maka akan didapat variasi warna yang lebih banyak untuk dapat digunakan pada proses pewarnaan latar belakang dan teks pada laman web. Peserta didik juga bisa mencoba melakukan simulasi untuk memilih kombinasi warna yang pas melalui laman berikut:


Visualisasi penggunaan warna hexadecimal http://lawlesscreation.github.io/hex-color-visualiser/

tabel penggunaan format warna hexadecimal pada html
Gambar 1 tabel warna hexadecimal 

Warna pada latar belakang web (background web) dan teks (font color) dapat diatur dengan cara mengubah nilai atribut BGCOLOR dan TEXT dalam tag <body>. Dengan urutan langkah pengerjaan sebagai berikut:

satu, Jalankan Notepad.
dua, Ketiklah kode program berikut ini ke dalam Notepad.


tiga, Simpan kode program dengan nama file Latihan.html pada folder komputer anda (atau mobile phone).
empat, Coba jalankan file Latihan.html maka hasilnya akan seperti diperlihatkan pada gambar 2 berikut ini.


menggunakan format warna hexadecimal untuk mengatur warna latar belakang dan teks pada laman html
Gambar 2 menggunakan format warna hexadecimal untuk mengatur warna



DAFTAR RUJUKAN

Modul HTML Bimbingan Teknologi Informasi dan Komunikasi Kelas X SMAN 8 Semarang Edisi 1. 2020. Jawa Tengah.

5 komentar:

  1. Kode warna hexadesimal adalah kode warna yang mewakili warna merah, hijau, dan biru (#RRGGBB). Misalnya, pada warna merah, kode warnanya adalah #FF0000, yaitu bernilai '255' merah, '0' bernilai hijau, dan '0' bernilai biru. Kode warna dapat memberikan pewarnaan pada latar belakang, teks, dan tabel pada halaman html.

    BalasHapus
  2. Apa yang dimaksud dengan kode warna hexadesimal pada html?

    BalasHapus
    Balasan
    1. Kode warna hexadesimal adalah sebuah kombinasi dari enam digit angka dan huruf yang ditentukan secara acak yang membentuk suatu kombinasi warna dari pencampuran warna merah, hijau, dan biru (RGB). Pada dasarnya, kode warna hexadesimal adalah singkatan dari nilai RGB-nya itu sendiri dengan sedikit kombinasi dari komposisi warna dari ketiga kode warna tersebut.

      Hapus
  3. Apa yang dimaksud dengan kode warna pada laman html?

    BalasHapus
    Balasan
    1. Kode warna atau color code adalah suatu sistem yang digunakan untuk menampilkan informasi dengan menggunakan warna yang berbeda pada laman html.

      Hapus

Respon komentar 7 x 24 jam, so please be patient :D

Footer Adsense