Skip to main content

Posts

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 s...
Post a Comment
Read more
Recent posts

Pengenalan HTML 2

Halo! IT Wajib hari ini kita mulai masuk materi yang baru, yaitu HTML. Sebenarnya, beberapa materi yang dibahas hari ini sudah pernah diajarkan untuk yang mengambil corner Rabu. Namun kita membahas semuanya dari awal karena ada beberapa yang belum tau. Nah, untuk materinya sendiri, kita membahas tentang heading, link, dan image. Untuk pengertiannya saya tidak akan membahas di blog ini karena sudah ada di blog-blog sebelumnya. Setelah dibahas, mereka diberi kesempatan untuk belajar secara langsung dengan memodifikasi kodenya. Itu saja untuk blog hari ini. Jumpa lagi di blog selanjutnya!
Post a Comment
Read more

Form Element | HTML

Halo! Corner hari ini, materinya adalah tentang form elements dalam HTML. Form elemen itu ada banyak, namun kita hanya akan membahas beberapa saja. Jadi beberapa elemen yang kita akan bahas dan penjelasannya secara singkat adalah berikut. Input - Elemen ini digunakan untuk mendapatkan data dari user. Label - Elemen ini biasanya digunakan bersama elemen input dan berfungsi untuk mempermudahkan user dalam mengklik input. Textarea - Elemen ini seperti elemen input, tapi perbedaannya yaitu elemen ini bisa memiliki banyak baris. Button - Elemen ini digunakan untuk menjalankan sesuatu dengan JavaScript ketika diklik. Select - Elemen ini digunakan untuk membuat drop-down list yang mengandung satu atau lebih nilai. Option - Elemen ini digunakan bersama elemen select dan juga mengandung nilai tersebut. Sampai sini dulu untuk materi form elemen. Jumpa lahi di blog selanjutnya!
Post a Comment
Read more

IT Wajib | 22 Agustus 2025

Halo guys! IT Wajib hari ini kita mengadakan post test tentang materi kemarin, yaitu Raptor. Jadi post test bukan seperti ulangan yang menggunakan gform, kami membuatnya seperti game menggunakan kahoot. Nah, post test ini gunanya untuk melihat seberapa yang mereka faham tentang materi Raptor. Setelah itu, kami membaca doa dan foto bersama sebelum pulang. Sampai sini saja untuk blog hari ini. Sampai jumpa lagi di blog selanjutnya!
Post a Comment
Read more

Form Attribute | HTML

Halo! Seperti yang kalian tau, hari ini adalah waktunya IT Corner. Materi kali ini yaitu tentang atribut form dalam HTML. Seperti elemen lainnya, form juga memiliki atribut. Mari kita bahas satu per satu secara singkat. Action - Menentukan apa yang akan dilakukan oleh form ketika disubmit. Target - Menentukan di mana akan menampil respons setelah formnya disubmit. Method - Menentukan metode HTTP ketika mensubmit form. Terdapat dua metode yang biasa digunakan yaitu GET dan POST. Perbedaan utama yang bisa dilihat yaitu GET menambahkan parameter pada url, sedangkan POST mengirimkan data pada dalam HTTP request. Autocomplete - Menentukan apakah sebuah form bisa diautocomplete dengan input yang sebelumnya sudah dimasukkan. Novalidate - Membuat form untuk tidak mevalidasi sebelum mengirimkan form. Itu saja untuk materi form atribut. Sampai jumpa di blog selanjutnya!
Post a Comment
Read more

Loop dan If Else | Raptor

Halo guys! Hari ini kita akan melanjutkan pembelajaran minggu lalu, yaitu Raptor. Langsung saja saya membahas kegiatan tadi. Jadi, untuk hari ini, kita akan mencoba untuk membuat program yang lebih kompleks dari sebelumnya. Dalam program tersebut menggunakan simbol loop dan simbol percabangan serta simbol output untuk debug. Setelah itu, kita memberi kesempatan kepada calon Gen 15 untuk mencoba membuat program. Sampai sini saja untuk blog hari ini. Sampai jumpa lagi di blog selanjutnya!
Post a Comment
Read more

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

Pengenalan Raptor

Halo! Hari ini, kita sudah masuk pembelajaran yang pertama. Materinya adalah tentang Raptor. Raptor ini adalah suatu program yang digunakan untuk membuat flowchart. Flowchart biasa digunakan untuk memvisualisasikan sebuah program. Nah, dalam flowchart ini ada beberapa simbol yang bisa digunakan seperti input, assignment, percabangan, loop, dan output. Mari kita bahas simbol-simbol tersebut. Simbol yang pertama, yaitu simbol input. Simbol ini digunakan untuk mengambil nilai dari pengguna dan memasukkannya ke dalam variabel. Simbol kedua adalah simbol assignment. Simbol ini digunakan untuk melalukan sebuah proses seperti menghitung luas lingkaran, jumlah suatu nilai, dan lain-lain. Simbol ini juga bisa digunakan untuk langsung memasukkan nilai pada variabel. Selanjutnya adalah simbol percabangan. Simbol ini digunakan untuk membuat dua jalur berdasarkan kondisi yang diberikan. Contohnya jika nilai variabel kurang dari nilai yang ditentukan. Keempat adalah simbol loop. Simbol ini itu seper...
Post a Comment
Read more

Marquee | HTML

Halo! Kalian tau kan hari ini ada apa? Ya, seperti biasanya pada hari rabu ada IT Corner. Untuk corner hari ini, saya bertugas untuk membuat artikel. Hari ini, kami berlajar cara membuat teks bisa bergerak. Jadi, caranya yaitu dengan menggunakan <marquee>. Syntax dasarnya itu seperti ini: <marquee>Text</marquee> Selain itu, juga ada atribut-atribut yang bisa digunakan seperti direction , width , height , dan lain-lain. Atribut direction bisa membuat teks masuk dari kiri, kanan, atas, atau bawah. Atribut width dan height mengatur lebar dan tinggi batas marquee. Itu saja untuk materi marquee. Sampai jumpa di blog selanjutnya!
Post a Comment
Read more

IT Wajib | 1 Agustus 2025

Halo! Jumaat hari ini kami harus mengurus beberapa hal dulu, jadi masih belum masuk pembelajaran. Jumaat ini, kami menjelaskan beberapa corner yang ada di Cybertwenty. Nah ekskul kita ini ada tiga corner yang bisa diikuti, yaitu Microsoft Office untuk hari Senin, fotografi dan videografi untuk hari Selasa, dan program untuk hari Rabu. Kemudian, kami membagi corner tersebut untuk calon Gen 15. Nah setelah itu, kami membagi surat pernyataan sama surat divisi kepada mereka. Sekarang tinggal menunggu mereka mengembalikan surat yang sudah dibagi itu. Sampai sini saja untuk blog hari ini. Jumpa di blog selanjutnya!
Post a Comment
Read more