GDSC Primakara together with Primakara Developers held a Web Beginner class to learn and hone students' skills in the web programming

1. Meet 3

2. Basic Table HTML 101

3. Tabel Pada HTML
Gimana sih cara buat tabel di html?
“Tapi bisa ga sih kita buat tabel tapi
ga pakai tag tabel?”

4. Table Rows <tr>
Table Rows <tr> adalah tag yang
digunakan untuk mendefinisikan baris
pada tabel

5. Table head <th> , Table data <td>
<th> = Digunakan untuk membuat table head
<td> = Digunakan untuk membuat table data (konten/isi)

7. Colspan , Rowspan
➢ Colspan = Menggabungkan
kolom ke samping
➢ Rowspan = Menggabungkan
kolom ke bawah

8. Form 101

9. Form <form>
Sebuah Formulir, yang
nantinya data yang dimasukan
akan diproses sesuai
kebutuhan.
Contoh :
https://forms.gle/qzqZq78TPwnRHqEE9

10. Element Khusus Form

11. <label> dan <input>
Macam - macam type input :
● Text
● Number
● Password
● Radio
● Checkbox
● ……………….

12. <textarea></textarea>
Ingin memasukan data yang berupa paragraf ?
Gunakan <textarea></textarea>

13. <button></button>
Macam - Macam type pada button :
● Submit
● Reset
● Button

14. CSS (Cascading Style Sheets)

16. CSS
Apa sih itu CSS ?
Cara pakai CSS gimana nih ?

17. Penggunaan CSS
Internal
In-line

18. Penggunaan CSS
External
index.html style.css

19. Penggunaan CSS
Untuk selain in-line style CSS, CSS dapat
dideklarasikan dalam attribute Class dan Id.

20. Colors on CSS
Penulisan colors di CSS dapat ditulis
dalam bentuk text, hex, rgba.