Semua course
Materi oleh Hifzon · Pemula

HTML dari Nol: Membuat Halaman Web Pertamamu

Bagian dari jalur: Frontend Developer, Frontend dengan Vue.js, Fullstack Developer (JavaScript), Fullstack Developer (Laravel & Vue)

Belajar HTML dengan bahasa yang mudah dipahami, dari nol sampai bisa membuat website sendiri. Belajar santai lewat animasi, materi singkat, dan latihan yang langsung dicek.

4.9 rating 20 part Jadilah peserta pertama Pemula
Akses gratis Tanpa instalasi Sertifikat kelulusan
20Part seru
GratisAkses penuh
0Peserta aktif
1Sertifikat kelulusan
Hasil belajar

Setelah ini, kamu bisa...

Struktur dokumen HTML5, heading, paragraf, format teks, dan karakter khusus
Tautan, gambar, daftar, tabel, dan elemen semantik (header, nav, main, section, article, footer)
Formulir lengkap: input, textarea, select, radio, checkbox, dan validasi bawaan
Audio, video, iframe, aksesibilitas, SEO dasar, meta tag, dan Open Graph
Latihan HTML dicek langsung di browser dengan pratinjau hasil
Dua proyek akhir: halaman profil diri dan landing page produk + kuis
Keunggulan

Belajar jadi lebih gampang dan nggak ngebosenin

Animasi konsep

Tiap part dibuka dengan animasi singkat, jadi konsepnya langsung kebayang. Nggak cuma baca teks!

Materi mudah dipahami

Dijelaskan pelan-pelan pakai analogi, contoh kode, dan tips biar nggak salah di hal yang umum.

Latihan interaktif langsung

Langsung praktik di halaman yang sama. Jawabanmu dicek otomatis, dan ada petunjuk kalau kamu mentok.

Belajar bertahap

Selesaikan latihan untuk membuka part berikutnya, jadi dasarmu selalu kuat.

Quiz akhir

Tes seberapa paham kamu sebelum ambil sertifikat.

Sertifikat kelulusan

Sertifikat atas namamu siap diambil setelah semua part selesai dan quiz minimal 70.

Peta Petualangan

Tuntaskan misi, kumpulkan XP

1Apa itu HTML & Cara Kerja Web +100 XP
Struktur Dasar Dokumen HTML+100 XP
Heading & Paragraf+100 XP
Memformat Teks+100 XP
Komentar, Spasi, & Karakter Khusus+100 XP
Tautan (Link)+100 XP
Gambar+100 XP
Daftar: Berurut, Tak Berurut, & Definisi+100 XP
Tabel+100 XP
Elemen Semantik & Layout Halaman+100 XP
div, span, & Atribut Global+100 XP
Formulir 1: Dasar Form & Input+100 XP
Formulir 2: Textarea, Select, Radio, & Checkbox+100 XP
Formulir 3: Validasi & Atribut Input+100 XP
Audio, Video, & iframe+100 XP
Aksesibilitas & SEO Dasar+100 XP
Isi <head> Lengkap: Meta, Favicon, & Open Graph+100 XP
Menghubungkan CSS & JavaScript+100 XP
Proyek 1: Halaman Profil Diri+100 XP
Proyek 2: Landing Page Produk+100 XP
🏆Quiz Arena+150 XP
Lulus Misi aktif Terkunci 🏆 Quiz Arena membuka sertifikat · tamat course +300 XP bonus
Kurikulum

20 part, dari nol sampai bisa

Daftar part
0 dari 20 part selesai
1
Apa itu HTML & Cara Kerja WebMengenal HTML, apa yang terjadi saat kamu membuka sebuah website, dan menulis halaman web pertamamu langsung di browser.
Buka
Struktur Dasar Dokumen HTMLSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Heading & ParagrafSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Memformat TeksSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Komentar, Spasi, & Karakter KhususSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Tautan (Link)Selesaikan part sebelumnya untuk membuka latihan. Baca materinya
GambarSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Daftar: Berurut, Tak Berurut, & DefinisiSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
TabelSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Elemen Semantik & Layout HalamanSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
div, span, & Atribut GlobalSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Formulir 1: Dasar Form & InputSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Formulir 2: Textarea, Select, Radio, & CheckboxSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Formulir 3: Validasi & Atribut InputSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Audio, Video, & iframeSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Aksesibilitas & SEO DasarSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Isi <head> Lengkap: Meta, Favicon, & Open GraphSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Menghubungkan CSS & JavaScriptSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Proyek 1: Halaman Profil DiriSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Proyek 2: Landing Page ProdukSelesaikan part sebelumnya untuk membuka latihan. Baca materinya
Pengajar

Ditemani mentor

H
Mentor kamu

Hifzon

Course ini disusun santai tapi praktis: teori singkat, animasi, lalu langsung latihan, supaya kamu terbiasa mencoba sendiri sejak part pertama.

Lanjut belajar

Course lain yang cocok untukmu

FAQ

Masih bingung? Cek ini dulu

Apakah course ini gratis?

Gratis! Cukup daftar dan verifikasi email, lalu semua part bisa langsung kamu buka.

Apakah saya perlu memasang aplikasi tambahan?

Nggak perlu. Semua latihan dikerjakan langsung di KelasIT, cukup pakai browser.

Bagaimana sistem kelulusan dan sertifikat?

Setiap part punya latihan singkat. Kalau sudah lulus, part berikutnya terbuka. Sertifikat bisa kamu ambil setelah semua part selesai dan quiz akhir minimal 70.

Harus selesai dalam berapa lama?

Bebas! Belajar sesuai tempomu, berhenti dan lanjut kapan saja. Progress-mu selalu tersimpan.

Apakah bisa dipelajari lewat ponsel?

Bisa banget untuk baca materi. Tapi untuk menulis kode, laptop atau tablet berkeyboard akan lebih nyaman.

Siap mulai belajar HTML dari Nol: Membuat Halaman Web Pertamamu?

Part pertama ringan kok. Mulai sekarang dan rasakan sendiri serunya belajar!

Coba Gratis Sekarang, Tanpa Daftar