HTML dan CSS Dasar
Mengenal dan belajar dasar-dasar HTML dan CSS untuk fondasi awal belajar web development
Tentang Kelas
Dalam kelas online ini kamu akan belajar dasar-dasar HTML dan CSS. HTML dan CSS merupakan pengetahuan umum yang harus dimiliki oleh setiap orang yang menggeluti bidang web programming. Dalam kelas ini, kamu akan belajar mulai dari bagaimana konsep dasar dan cara kerja dari HTML dan CSS serta bagaimana penggunaannya dalam membangun sebuah tampilan website.
Tujuan Umum dan Khusus Pelatihan
- Di akhir pelatihan, peserta dapat mengenal HTML dan CSS
- Dapat mengetahui dasar-dasar pemrograman
- Dapat menginstal software yang dibutuhkan dalam belajar pemrograman
- Dapat menjelaskan dasar-dasar pemrograman
Silabus Topik 1: Pengenalan HTML dan CSS
Topik 2: Dasar HTML dan CSS
Topik 3: Membuat Layout Halaman Tanpa Table
Topik 4: Teknologi HTML dan CSS Terbaru
Jenis pekerjaan Kelas ditujukan bagi siapa saja yang ingin berkarir menjadi seorang programmer
Metode Ajar
- Online Self-paced Learning Siswa dapat menentukan sendiri waktu belajarnya
- Fasilitas Pengajaran Materi disediakan berupa video Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan Grup telegram: Berisi member CodePolitan Evaluasi pembelajaran: Ujian di akhir modul dan ujian di akhir kelas Sertifikat kelulusan
Peralatan Belajar Siswa
- Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
- Spesifikasi minimal komputer milik siswa:
- Sistem operasi : Windows, Linux, atau MacOS.
- Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas).
- RAM : 1GB (Rekomendasi 2GB).
- Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
- Software:
- Browser (tidak ada preferensi khusus)
- Text editor (tidak ada preferensi khusus)
Daftar Materi
Pendahuluan Pemrograman Web Front End | 15:16 | |
Dasar HTML | 18:32 | |
CSS dan Style HTML Dasar | 09:01 | |
Quiz Pengenalan HTML dan CSS | 05:00 |
Membuat Tabel | 18:37 | |
Membuat List | 11:36 | |
Membuat Layout | 16:55 | |
Display & Dimension | 08:06 | |
Quiz Dasar HTML dan CSS 1 | 00.00 | |
Box Model & Overflow | 08:24 | |
CSS Float | 04:06 | |
CSS Position | 06:25 | |
CSS Background | 03:30 | |
CSS Text | 02:24 | |
CSS Font | 04:52 | |
CSS Selector | 05:25 | |
Quiz Dasar HTML dan CSS 2 | 00.00 |
Membuat Layout Dasar | 00.00 | |
Membuat Daftar Produk | 00.00 | |
Membuat Menu Dropdown | 00.00 | |
Menambahkan Jumbotron | 00.00 |
Mengenal Fitur CSS3 | 12:17 | |
Mengenal Fitur HTML5 | 19:14 | |
Quiz Teknologi HTML dan CSS Terbaru | 00.00 |
Penyusun Materi


Testimoni Oleh Siswa
(2791 reviews)

Andaru Muzaky
kerenn poll, materinya sangat mudah dipahamidan langsung mendapatlan sertifikat gratis bisa untuk dimasukkanke linkedin
Andaru Muzaky
kerenn poll, materinya sangat mudah dipahamidan langsung mendapatlan sertifikat gratis bisa untuk dimasukkanke linkedin
Hari Muhammad
Materi dan penyampaian dapat dimengerti dengan baik, sehingga para pemula dapat dengan mudah memaami apa yang disampaikan.
Deski Jayantoro
Mudah dimengeti, namun sebagian harus diulang-ulang dan bertanya ke chatgpt misal ada huruf besar, yang harusnya ditulis kecil semua. Hasilnya jadi berbeda jauh tampilan webnya. hehe
Ahmad Hendra Zulfikri
Materi yang disampaikan bagus dan sistematis. Namun bagi beberapa orang yang hanya sekali mencoba mungkin bisa mudah lupa dengan tag" yang sudah dipelajari. Makanya perlu pengulangan supaya bisa diingat
Ahmad Hendra Zulfikri
Materi yang disampaikan bagus dan sistematis. Namun bagi beberapa orang yang hanya sekali mencoba mungkin bisa mudah lupa dengan tag" yang sudah dipelajari. Makanya perlu pengulangan supaya bisa diingat
Dhandy Wijaya
Saya baru saja mengikuti kelas gratis HTML dan CSS, dan menurut saya ini pengalaman yang sangat bermanfaat. Karena materi yang disampaikan dengan jelas dan terstruktur, cocok banget untuk mahasiswa atau pemula yang ingin terjun ke dunia web development. Saya jadi lebih paham tentang struktur dasar HTML, penggunaan tag-tag penting, serta bagaimana CSS bisa mengubah tampilan halaman agar lebih menarik dan estetik. Pengajarnya juga komunikatif dan memberikan banyak contoh langsung, jadi lebih mudah dipraktikkan. Setelah mengikuti kelas ini, saya jadi termotivasi untuk belajar lebih dalam dan mulai membangun website sendiri dari nol.
Dwi Rosa Handayani
Terima kasiiii codepolitan, materinya bagusss gampang dimengertii buat pemula ini recomen bangettttt
Iqbal Musyaffa Yusa Bbih Lillah
Materi yang disajikan sangat baik dan mudah dipahami, terutama bagi pemula yang ingin belajar HTML dan CSS. Penjelasan disusun secara runtut, dimulai dari pengertian dasar hingga penerapan kode yang nyata, sehingga memudahkan pembaca dalam memahami setiap konsep yang diberikan. Contoh-contoh kode yang disertakan juga sangat membantu dalam memperjelas fungsi dan cara kerja dari setiap elemen HTML dan properti CSS. Selain itu, penyajian materi yang sederhana dan bahasa yang tidak terlalu teknis membuat siapa pun, bahkan tanpa latar belakang pemrograman, dapat mengikuti dan memahami dengan baik. Dengan materi ini, pembaca bisa memahami struktur dasar halaman web, penggunaan tag-tag HTML seperti <div>, <p>, <a>, serta cara mengatur tampilan menggunakan CSS seperti warna, ukuran, dan layout. Materi ini sangat cocok sebagai pondasi awal untuk melangkah ke tahap pengembangan web yang lebih lanjut seperti JavaScript atau framework CSS. Secara keseluruhan, penyampaian yang jelas dan sistematis menjadikan materi ini sangat efektif dalam meningkatkan pemahaman pembaca terhadap dasar-dasar HTML dan CSS.
Natalion Setiawan
Materi yang disampaikan cukup mudah dimengerti. Sekalipun saya sendiri baru memulai belajar (newbie)