Skip to main content

Color | HTML, CSS

Halo! IT Corner hari ini kita akan mempelajari tentang warna dalam HTML. Untuk hari ini, saya bertugas sebagai pemateri. Materi ini sebenarnya bukan sepenuhnya HTML, tapi lebih mengarah pada CSS.


Warna yang bisa digunakan ada beberapa, yaitu warna yang sudah di tentukan (red, blue, salmon), RGB, HEX, HSL, RGBA, HSLA. Berikut penjelasan singkatnya

  • RGB - Artinya Red, Green, Blue. Warna ini menggunakan merah, hijau, dan biru yang masing-masing bernilai dari 0-255.
  • HEX - Kependekan dari warna heksadesimal. Warna ini menggunakan kode 6 digit alfanumerik.
  • HSL - Artinya Hue, Saturation, Lightness. Warna ini menggunakan hue sebagai warna dasar dan menggunakan intensitas serta kecerahan.
  • RGBA - Artinya Red, Green, Blue, Alpha. Sama dengan RGB, namun terdapat nilai alfa yaitu nilai transparansi.
  • HSLA - Artinya Hue, Saturation, Lightness, Alpha. Sama dengan HSL, namun perbedaannya adalah nilai alfa yaitu nilai transparansi.


Nah, dalam HTML ini ada berbagai objek yang bisa diberi warna, misalnya sebuah paragraf, heading, ataupun background. Misalnya kita ingin mewarnai sebuah paragraf dengan warna ungu menggunakan RGB. Caranya seperti ini

<p style="color: rgb(160, 50, 160);"></p>


Itu saja untuk materi warna. Sampai jumpa di blog selanjutnya!

Labels:

Comments

Post a Comment

Popular posts from this blog

Borders | CSS

Halo! IT hari ini saya mempelajari tentang CSS, lebih spesifiknya tentang borders. Mesti kalian berpikir nih, apa itu CSS? CSS atau Cascading Style Sheet itu digunakan bersama HTML untuk membuat websitenya lebih menarik. Border itu ada banyak jenisnya, berikut ini jenis-jenis border beserta pengertiannya: Dotted - Menentukan batas putus-putus pendek. Dashed - Menentukan batas putus-putus panjang. Solid - Menentukan batas solid. Double - Menentukan batas ganda. Groove - Menentukan batas beralur 3D. Efeknya tergantung pada nilai border-color. Ridge - Menentukan batas bergelombang 3D. Efeknya tergantung pada nilai border-color. Inset - Menentukan batas sisipan 3D. Efeknya tergantung pada nilai border-color. Outset - Menentukan batas awal 3D. Efeknya tergantung pada nilai border-color. None - Tidak menentukan batas. Hidden - Menentukan batas yang tersembunyi. Selain itu, juga bisa mencampur-campurkan berbagai jenis border untuk membuat border lebih unik. S...
Post a Comment
Read more

Pengenalan JSON

Halo! IT Corner Rabu untuk minggu ini, saya belajar tentang pengenalan JSON. Tidak perlu lama-lama, kita langsung saja ke materinya. Arti JSON yaitu JavaScript Object Notation. JSON ini bukan bahasa pemrograman, tapi suatu format file untuk menyimpan data. Walaupun namanya ada JavaScript, format ini cuman sintaksnya berasal dari sintaks objek dalam JavaScript. Format ini biasa digunakan untuk mengirim data antara komputer satu dengan komputer lain karena tidak tergantung pada satu bahasa. Di JavaScript, misal suatu situs web ingin mengirim informasi ke server. Di situ dapat menggunakan JSON. Contoh sederhananya seperti ini: const obj = {   nama: "Jamal Sulaiman bin Omar Nabil",   umur: 20,   kota: "Surabaya" } const stringify = JSON.stringify(obj); Untuk kebalikannya yaitu menerima data dari server ke situs web, misalnya data yang diterima bernama "data", contoh sederhananya seperti berikut: const parsed = JSON.parse(data); Sampai ini saja untuk pengenalan...
Post a Comment
Read more

Validasi Input | JavaScript

Halo! IT Corner Rabu saya belajar tentang cara melakukan validasi input di JavaScript. Kalian sudah tahu kan cara mengambil input, baik dari element input ataupun menggunakan prompt dalam JavaScript. Nah, input yang diterima itu kadang-kadang tidak sesuai dengan program yang telah dibuat. Contohnya input yang meminta password 8 karakter, tetapi yang diterima adalah password 6 karakter. Caranya supaya input tersebut tidak diterima supaya nanti programnya tidak error yaitu menggunakan validasi. Cara validasi yang dapat digunakan untuk yang ini dapat menggunakan metode length. Misalkan, jika ingin membuat kondisi di mana passwordnya minimal 8 karakter, jadi dapat menggunakan metode tadi dalam perintah if. Contohnya di bawah ini. let input = document.getElementById("t1").value;   if (input.length < 8) {     return; } Di situ akan mengambil nilai dari elemen input, kemudian akan dicek apakah panjang input kurang dari lapan. Jika iya, akan keluar dari function, dan jika tida...
Post a Comment
Read more