Menu
CoddyTech
START LEARNING
PopulerPerjalanan

Belajar HTML

Kursus HTML online yang gratis dan interaktif. Di setiap pelajaran kamu menulis HTML, melihat pratinjau langsung saat mengetik, dan mendapat sertifikat gratis saat selesai.

Mulai belajar(gratis)
Lihat silabusPlayground HTML

348,572+ coder terdaftar

241 pelajaran233 tantangan1,193 soal kuis

  • Ramah pemula
  • sparkles iconBantuan coding dengan AI
  • hint iconPelajaran interaktif yang praktis
  • volume On iconNarasi audio di setiap pelajaran
  • quiz iconKuis untuk menguji pemahamanmu
  • certificate iconSertifikat penyelesaian gratis

Silabus

5 bagian6 proyek241 pelajaran233 tantangan1,193 soal kuis
  1. Bagian 1

    Dasar-Dasar

    Mulai bagianMulaiLuaskanCiutkan    Pelajari struktur dan sintaks inti untuk membuat halaman web dari awal60 pelajaran86 tantangan251 soal3 proyek

    Dasar-Dasar HTML

    5 pelajaran530

    Teks dan Pemformatan

    6 pelajaran1135

    Bekerja dengan list

    4 pelajaran721

    Kartu Resep

    Proyek4 pelajaran4

    Menambahkan Konten

    5 pelajaran837

    Tata Letak Halaman

    5 pelajaran930

    Halaman Profil Pribadi

    Proyek5 pelajaran5

    Formulir dan Input Bagian 1

    6 pelajaran936

    Formulir dan Input Bagian 2

    7 pelajaran1239

    Tabel

    4 pelajaran723

    Halaman Pendaftaran Acara

    Proyek5 pelajaran5

    Tantangan Akhir

    4 pelajaran4
  2. Bagian 2

    Menata dengan CSSHalaman khusus

    Mulai bagianMulaiLuaskanCiutkan    Hidupkan halaman webmu dengan warna, tata letak, dan gaya76 pelajaran110 tantangan418 soal3 proyek

    Pengantar

    5 pelajaran540

    Menambahkan CSS

    4 pelajaran725

    Selektor Dasar

    7 pelajaran1247

    Dasar-Dasar Teks

    8 pelajaran1450

    Warna dan Latar Belakang

    5 pelajaran834

    Menu Kafe

    Proyek3 pelajaran3

    Model Kotak Bagian 1

    6 pelajaran943

    Model Kotak Bagian 2

    5 pelajaran833

    Flexbox

    6 pelajaran943

    Formulir Login

    Proyek4 pelajaran4

    Teknik Tata Letak

    7 pelajaran1151

    Dasar-Dasar Desain Responsif

    6 pelajaran1052

    Halaman Web Tonga

    Proyek6 pelajaran6

    Tantangan Akhir

    4 pelajaran4
  3. Bagian 3

    Menguasai CSSHalaman khusus

    Mulai bagianMulaiLuaskanCiutkan    Tingkatkan keterampilan CSS-mu ke level berikutnya!43 pelajaran40 tantangan164 soal

    Menguasai Selector, Kombinasi

    6 pelajaran539

    Pseudo-Class Interaktif

    5 pelajaran431

    pseudo-class struktural

    5 pelajaran432

    Proyek Menu Dropdown

    4 pelajaran4

    Efek Visual

    5 pelajaran536

    Halaman Landing

    5 pelajaran5

    Membangun dengan CSS Grid

    4 pelajaran426

    Situs web Flavor Fiesta

    4 pelajaran4

    Tantangan Akhir

    5 pelajaran5
  4. Bagian 4

    Frontend Praktis

    Mulai bagianMulaiLuaskanCiutkan    Gabungkan struktur dan gaya untuk merancang halaman web yang lengkap dan responsif35 pelajaran34 tantangan197 soal

    Variabel

    5 pelajaran432

    Strategi mobile-first

    6 pelajaran643

    Tema dan Gaya Visual

    5 pelajaran535

    Olahraga Ekstrem

    3 pelajaran3

    Komponen UI

    6 pelajaran642

    Pola Responsif

    6 pelajaran645

    Tantangan Akhir

    4 pelajaran4
  5. Bagian 5

    JavaScript dalam Aksi

    Mulai bagianMulaiLuaskanCiutkan    Jelajahi cara JavaScript digunakan bersama HTML dan CSS27 pelajaran27 tantangan163 soal

    Interaktivitas/Komponen UI

    4 pelajaran433

    Formulir dan Validasi

    3 pelajaran324

    Notifikasi & Umpan Balik

    3 pelajaran327

    Formulir dengan Notifikasi Toast

    2 pelajaran2

    Navigasi

    3 pelajaran329

    Tema dan Personalisasi

    2 pelajaran217

    Animasi & Efek

    3 pelajaran327

    Navigasi Animatif

    3 pelajaran36

    Tantangan Akhir

    4 pelajaran4

Kursus HTML

Kursus HTML praktis, gratis untuk dimulai di browsermu.

Animasi Gerhana Matahari | Proyek HTML/CSS

Populer

Dalam kursus ini, kamu akan membuat animasi "Gerhana Matahari" yang menakjubkan. Pelajari cara membuat antarmuka pengguna yang menarik dan fungsional menggunakan animasi.

  • 10
  • 8
  • 1

Klon Halaman Instagram | Proyek Front-End

Populer

Dalam kursus ini, kamu akan berlatih menggunakan pendekatan HTML & CSS yang standar dan sederhana, lalu membuat proyek klon halaman Instagram.

  • 16
  • 14
  • 1

Tantangan HTML/CSS - Paket I

Kursus ini akan menguji pengetahuanmu tentang HTML dan CSS dengan cara yang menyenangkan dan efektif!

  • 11

HTML: Situs untuk Pemula

Dalam kursus ini, kamu akan menguji pengetahuan dasar HTML-mu dan membuat situs dasar sendiri dengan gambar dan teks. Kamu siap?

  • 5
  • 4
  • 1

Bilah Navigasi Bawah: Proyek HTML/CSS

Dalam kursus ini, kamu akan membuat bilah navigasi bawah sederhana menggunakan HTML dan menatanya dengan CSS. Kamu akan belajar menambahkan animasi sederhana menggunakan selektor (:hover) di CSS.

  • 12
  • 11
  • 1

Pemutar Video YouTube, Proyek HTML

Dalam proyek ini, kamu akan membuat pemutar video YouTube menggunakan HTML dan mempelajari berbagai atributnya.

  • 7
  • 5
  • 1
Lihat semua 26 kursus HTML
Yang kamu dapatkan
Semua yang kamu pakai untuk belajar coding

Belajar sambil praktik

Tulis kode sungguhan, query database, buat website, dan kuasai prompt AI. Pelajaran interaktif kami mencakup setiap keterampilan yang dibutuhkan developer modern.

playground.js
Editor kode
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Tes #1test Case Success icon
Tes #2test Case Success icon
Tes #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Bangun streakmu

Tetap konsisten dan lihat progresmu bertumbuh! Pantau kebiasaan coding harianmu, lindungi streakmu dengan hari beku, dan raih hadiah karena hadir setiap hari.

12 hari streak

Kembali besok untuk menjaga streakmu!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Gandakan atau hangus

Hari ke-5 dari 7

fire Freeze icon

Pembeku Streak

2 left

Coding di mana saja

Bawa perjalanan coding-mu ke mana saja! Tanpa setup, tanpa unduhan: cukup buka dan mulai coding. Tersedia di iOS, Android, dan Web dengan rating bintang 4,9.

app Store iconUnduh diApp Storegoogle Play iconTersedia diGoogle Play
Python
7Streak
250Skor
5Energi
Variabel
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
Lanjutkan
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Perjalanan
Target
Papan peringkat
Profil
4.9
BintangBintangBintangBintangBintang
Rating

Kamu tidak sendirian

Bersaing di papan peringkat global, ajak teman untuk mendapat hadiah, dan rayakan kemenangan satu sama lain. Coding lebih seru bersama teman!

Liga Challenger
Liga Challenger7 teratas naik
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconZona promosileaderboard Arrow Up icon

Semua cara belajar

Baca, dengarkan, uji dirimu, tanya AI, atau cari lagi apa pun yang sudah kamu pelajari. Setiap pelajaran menyesuaikan diri denganmu.

Pengenalan variabel
Audio

Variabel adalah wadah bernama yang menyimpan nilai yang bisa kamu pakai lagi nanti di programmu.

Di Python, kamu membuatnya dengan menulis nama, tanda sama dengan, lalu nilai yang ingin kamu simpan.

Nilainya bisa berubah seiring waktu. Menetapkan ulang nama itu cukup membuatnya menunjuk ke nilai baru.

1xSarah

Dapatkan sertifikat

Dapatkan sertifikat untuk setiap kursus yang kamu selesaikan. Tambahkan ke profil LinkedIn dan CV-mu untuk menunjukkan keahlian coding-mu kepada pemberi kerja.

CoddySertifikat Penyelesaian
Dengan ini menyatakan bahwaBudi Santosotelah berhasil menyelesaikan
python iconDasar Python
Terverifikasi
TanggalJan 2026
LinkedInTambahkan ke LinkedIn

Kenapa belajar HTML dengan Coddy

  • Tulis HTML di browser dan lihat halaman yang dirender tepat di sebelahnya. Tanpa instalasi editor, tanpa setup. Setiap perubahan pada kode HTML langsung terlihat, jadi kamu cepat tahu hasilnya.
  • HTML modern dan semantik: heading, list, link, gambar, tabel, form, dan tag semantik seperti <header>, <nav>, <main>, <section>, <footer>. HTML yang benar-benar kamu pakai untuk membuat website sungguhan.
  • Petunjuk AI membantumu memperbaiki kesalahan HTML, seperti tag yang tidak ditutup, sintaks atribut yang rusak, atau masalah aksesibilitas, tanpa membocorkan jawabannya. Jadi kebiasaan menulis HTML yang baik benar-benar melekat.
  • Sertifikat HTML gratis saat kamu selesai. Langkah pertama yang meyakinkan menuju web development, dan cocok dilanjutkan dengan kursus CSS dan JavaScript.

Pertanyaan yang sering diajukan tentang belajar HTML

Apakah HTML sulit dipelajari?

HTML adalah bahasa markup untuk menyusun isi halaman web, dan termasuk hal paling mudah yang bisa kamu pelajari di dunia teknologi. HTML bukan bahasa pemrograman: kamu memberi label pada potongan konten (heading, paragraf, link, gambar), bukan menulis logika. Kebanyakan pemula sudah membuat halaman web pertama mereka dalam satu jam pertama.

Berapa lama waktu yang dibutuhkan untuk belajar HTML?

Tag dan atribut inti HTML bisa kamu kuasai dalam beberapa hari latihan yang fokus. Untuk terbiasa dengan HTML semantik, form, dan aksesibilitas, biasanya butuh satu sampai tiga minggu. Langkah berikutnya yang wajar adalah memadukannya dengan CSS dan JavaScript untuk membuat halaman yang lengkap.

Apakah sebaiknya belajar HTML sebelum CSS dan JavaScript?

Ya. HTML menentukan struktur halaman, CSS mengatur tampilannya, dan JavaScript membuatnya interaktif. Dengan belajar HTML dulu, kamu punya sesuatu yang nyata untuk diberi gaya dan animasi nanti. Kursus HTML ini sengaja dibuat singkat supaya kamu bisa cepat lanjut ke CSS dan JS.

Apakah HTML termasuk bahasa pemrograman?

Sebenarnya tidak. HTML adalah bahasa markup untuk mendeskripsikan struktur konten web. HTML sendiri tidak punya variabel, percabangan, atau perulangan. Pemrograman yang sesungguhnya di halaman web datang dari JavaScript, yang dibahas di kursus terpisah.

Bisakah belajar HTML online secara gratis?

Bisa. Kursus HTML interaktif ini gratis: pelajaran, latihan coding, pratinjau HTML langsung, dan sertifikat. Semuanya berjalan di browser, jadi kamu tidak perlu menginstal editor atau alat apa pun untuk memulai.

Apakah ada sertifikat setelah kursus HTML?

Ya. Setelah menyelesaikan kursus HTML, kamu mendapat sertifikat kelulusan gratis. Bukti yang bisa diverifikasi untuk dicantumkan di CV atau dibagikan di LinkedIn, biasanya sebagai langkah menuju portofolio HTML, CSS, dan JavaScript yang lebih lengkap.

Jalur belajar yang memuat kursus ini

Kursus ini adalah satu langkah dari jalur yang lebih panjang: beberapa kursus dalam urutan yang akan diajarkan seorang mentor, masing-masing dengan sertifikat gratisnya sendiri.

Ilustrasi bahasa pemrograman di Coddy

Belajar HTML dengan Coddy

Mulai