HTML dan CSS Dasar

Mengenal dan belajar dasar-dasar HTML dan CSS untuk fondasi awal belajar web development

BEGINNER2838 penilaian24876 peserta

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 End15:16
Dasar HTML18:32
CSS dan Style HTML Dasar09:01
Quiz Pengenalan HTML dan CSS05:00

Membuat Tabel18:37
Membuat List11:36
Membuat Layout16:55
Display & Dimension08:06
Quiz Dasar HTML dan CSS 100.00
Box Model & Overflow08:24
CSS Float04:06
CSS Position06:25
CSS Background03:30
CSS Text02:24
CSS Font04:52
CSS Selector05:25
Quiz Dasar HTML dan CSS 200.00

Membuat Layout Dasar00.00
Membuat Daftar Produk00.00
Membuat Menu Dropdown00.00
Menambahkan Jumbotron00.00

Mengenal Fitur CSS312:17
Mengenal Fitur HTML519:14
Quiz Teknologi HTML dan CSS Terbaru00.00
Penyusun Materi

Prev
Next
Galih Pratama
Galih Pratama

Owner of BelajarKoding, Head Front-end at CROWDE

Testimoni Oleh Siswa

  • Semua
  • Bintang 5
  • Bintang 4
  • Bintang 3
  • Bintang 2
  • Bintang 1
4.8

(2838 reviews)

5 Bintang
84%
4 Bintang
13%
3 Bintang
2%
2 Bintang
0%
1 Bintang
0%
Azka Ihsan Nurrahman
Azka Ihsan Nurrahman

Rabu, 22 April 2026 pukul 21.42

Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya yang hendak review materi HTML dan CSS

mfaihanfakhruzi
mfaihanfakhruzi

Selasa, 14 April 2026 pukul 08.49

Materi yang disampaikan mudah dimengerti cocok untuk pemula. Kalimat yang digunakan pada materi cukup jelas walaupun masih terdapat beberapa kalimat yang agak sulit untuk dipahami

mfaihanfakhruzi
mfaihanfakhruzi

Selasa, 14 April 2026 pukul 08.24

CSS3 memberikan kontrol yang sangat presisi. Kita belajar bahwa animasi bukan hanya soal durasi (animation-duration), tapi juga soal bagaimana elemen berperilaku sebelum dan sesudahnya melalui animation-fill-mode. Selain itu, penggunaan pseudo-element seperti ::first-letter menunjukkan bahwa kita bisa membuat desain yang sangat detail (seperti gaya majalah/drop cap) dengan kode yang tetap bersih dan efisien.

mfaihanfakhruzi
mfaihanfakhruzi

Selasa, 14 April 2026 pukul 08.23

CSS3 memberikan kontrol yang sangat presisi. Kita belajar bahwa animasi bukan hanya soal durasi (animation-duration), tapi juga soal bagaimana elemen berperilaku sebelum dan sesudahnya melalui animation-fill-mode. Selain itu, penggunaan pseudo-element seperti ::first-letter menunjukkan bahwa kita bisa membuat desain yang sangat detail (seperti gaya majalah/drop cap) dengan kode yang tetap bersih dan efisien.

Fatia Giri Putri
Fatia Giri Putri

Minggu, 12 April 2026 pukul 13.00

materinya sangat mudah di mengerti sehingga syaa bisa menyelesaikan pertanyaan pertanyaannya dengan benar

Rakha Ainul Khaliq
Rakha Ainul Khaliq

Kamis, 26 Maret 2026 pukul 15.23

Materi yang disampaikan mudah dimengerti cocok untuk pemula. Kalimat yang digunakan pada materi cukup jelas walaupun masih terdapat beberapa kalimat yang agak sulit untuk dipahami

Yohanes Fianei Niron
Yohanes Fianei Niron

Jumat, 13 Maret 2026 pukul 13.38

Materi yang di sampaikan mudah di mengerti dan saya sangat senggang belajar HTML dan CSS di sini. TERIMAKASIH

Suwardi Firdaus
Suwardi Firdaus

Kamis, 19 Februari 2026 pukul 20.08

mantap, kualitas materinya bagus dan mudah dipahami. pengejarnya menjelaskan dengan baik dan lugas.

Ali Wafa
Ali Wafa

Sabtu, 24 Januari 2026 pukul 23.01

materi yang disampaikan sangat bermanfaat dan sangat informatif, kelas seperti ini sangat memiliki peluang besar terhadap pendidikan

Ali Wafa
Ali Wafa

Sabtu, 24 Januari 2026 pukul 23.01

materi yang disampaikan sangat bermanfaat dan sangat informatif, kelas seperti ini sangat memiliki peluang besar terhadap pendidikan

Gratis!

Tanpa biaya, tanpa basa-basi. Langsung upgrade skill.

Belajar Sekarang
Yang Akan Kamu Dapatkan

24 Modul

2 Jam Materi

Forum Tanya Jawab

Sertifikat