Artikel Terbaru

Cara Mudah Mengatur Warna Latar Belakang dan Teks Hexadesimal 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.

<html>

 

<head>

<title>

Mengubah warna latar belakang

</title>

</head>

 

<body text=#00ff00 bgcolor=#ffff00>

teks akan berwarna hijau, dengan latar belakang berwarna orange.

</body>

 

</html>


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

Komentar

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

      Hapus
  2. 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
  3. 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
  4. 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 dokumen html.

      Hapus

Posting Komentar

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

Hot Artikel!!!

Enkapsulasi pada Java

6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

6 Contoh Program Method Overloading pada Java