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

Form Input | HTML

Halo guys! Hari ini saya sebagai pemateri mengajari tentang elemen input yang bisa digunakan dalam elemen form. Langsung saja kita membahas materinya. Jadi elemen input itu memiliki beberapa jenis berdasarkan typenya. Jenisnya itu ada banyak, namun saya akan membahas yang text, radio, checkbox, submit, dan button saja. Elemen input yang typenya text digunakan untuk mengisi data dalam bentuk teks. Jenis ini hanya ada satu baris untuk mengisi data, namun bisa overflow untuk mengakomodasi text yang panjang. Input yang typenya radio hanya membolehkan user untuk memilih satu jawaban dari beberapa opsi pilihan. Jadi, jenis ini sama dengan pilihan ganda. Seterusnya, elemen input yang typenya checkbox membolehkan user memilih lebih dari satu opsi dari beberapa opsi pilihan. Jenis ini sama dengan pilihan ganda kompleks. Selanjutnya input yang typenya submit biasa digunakan untuk mengirimkan data yang telah diisi ke server. Jenis ini seringkali ditemui dalam elemen form. Terakhir yang typenya bu...
Post a Comment
Read more

Operators | PHP

Halo! IT Wajib kali ini saya belajar tentang operators dalam PHP. Dalam blog ini, saya akan membahas beberapa operator yang ada di dalam operator aritmatika. Operator aritmatika ini menggunakan nilai numerik untuk melakukan aritmatika seperti penjumlahan, pengurangan, perkalian, dan pembagian. Jadi, konsepnya ya seperti matematik. Operator penjumlahan (+) digunakan untuk menambah dua nilai numerik dan mengembalikan hasilnya. Contohnya adalah $x + $y. Operator pengurangan (-) digunakan untuk mengurangi dua nilai numerik dan mengembalikan bedanya. Contohnya adalah $x - $y. Operator perkalian (*) digunakan untuk mengalikan dua nilai numerik dan mengembalikan produknya. Contohnya adalah $x * $y. Operator pembagian (/) digunakan untuk membagi dua nilai numerik dan mengembalikan hasil baginya. Contohnya adalah $x / $y. Itu saja untuk materi operators. Jumpa lagi di materi selanjutnya! Project Source Code View Code Project Name: Demonstrasi Matrix Language(s): PHP Source Code ...
Post a Comment
Read more

SVG | HTML

Halo! IT Corner hari ini saya mempelajari tentang SVG dalam HTML. Apa itu SVG? Nah, SVG itu sebuah grafik yang scalable, artinya jika diperbesar atau diubah ukurannya tidak akan hilang kualitas gambarnya. SVG dibuat dengan menggunakan elemen <svg>. Elemen ini digunakan sebagai wadah untuk grafik-grafiknya. Setelah itu, diberi ukuran, misalnya 500px × 500px. Untuk grafiknya sendiri ada beberapa jenis sebagai berikut. Grafik yang pertama adalah lingkaran yang dibuat dengan elemen <circle>. Untuk atributnya ada cx , cy , r , fill , stroke , dan  stroke-width . Atribut cx dan cy adalah posisi koordinatnya. Atribut r adalah radiusnya. Atribut fill adalah warna dalamnya. Atribut stroke adalah warna bordernya, dan stroke-width adalah ketebalan bordernya. Grafik kedua adalah persegi panjang yang dibuat dengan elemen <rect>. Untuk atributnya ada  x ,  y ,  width , height ,  fill ,  stroke , dan  stroke-width . Atribut  x  dan...
Post a Comment
Read more