Kurikulum Belajar HTML

Berikut adalah kurikulum belajar HTML yang disusun secara bertahap dari dasar hingga tingkat lanjut.

Kurikulum ini dirancang untuk memberikan pemahaman menyeluruh tentang HTML, mulai dari konsep dasar hingga penerapan dalam pembuatan halaman web yang kompleks.

Roadmap Belajar HTML

1. Pengenalan HTML

• Apa itu HTML?
• Definisi HTML
• Sejarah HTML
• Fungsi dan penggunaan HTML
• Struktur Dasar HTML
• Elemen dan tag
• Dokumen HTML dasar
• Elemen wajib dalam dokumen HTML
• Alat yang Dibutuhkan
• Text editor (Notepad++, Sublime Text, Visual Studio Code)
• Browser web untuk uji coba (Chrome, Firefox)

2. Elemen Dasar HTML

• Elemen Teks
• Heading
• Paragraf
• Garis horizontal
• Baris baru
• Format Teks
• Teks tebal
• Teks miring
• Teks bergaris bawah
• Teks bergaris tengah
• Daftar
• Daftar tidak berurutan
• Daftar berurutan
• Daftar deskripsi

3. Atribut HTML dan Elemen Multimedia

• Atribut HTML
• Atribut umum (id, class, style, title)
• Atribut global
• Link dan Navigasi
• Link ke halaman lain
• Link internal
• Link email dan telepon
• Gambar
• Menyisipkan gambar
• Atribut gambar (src, alt, title, width, height)
• Multimedia
• Audio
• Video

4. Tabel dan Formulir

• Tabel
• Struktur dasar tabel
• Atribut tabel (border, cellpadding, cellspacing)
• Menggabungkan sel (colspan, rowspan)
• Formulir
• Elemen dasar formulir
• Elemen input
• Elemen input lainnya (checkbox, radio button, submit button)
• Elemen teks (textarea)
• Elemen pilihan (select, option)

5. Layout dan Struktur Halaman

• Div dan Span
• Penggunaan
• Perbedaan dan aplikasi
• Layout Dasar dengan HTML
• Header
• Navigasi
• Section
• Article
• Footer
• Pengenalan CSS
• Menyisipkan CSS (inline, internal, external)
• Selektor dasar (tag, class, id)

6. HTML5 dan Fitur Lanjutan

• HTML5 Semantik
• Elemen semantik baru (main, section, article, aside, header, footer, figure, figcaption)
• Pentingnya elemen semantik
• Formulir HTML5
• Input baru HTML5 (email, url, number, date, range)
• Atribut baru (required, placeholder, autofocus, pattern)
• Multimedia HTML5
• Menyisipkan dan mengontrol media (audio, video)
• Atribut media (controls, autoplay, loop, muted)

7. Praktik dan Proyek

• Proyek Sederhana
• Membuat halaman profil pribadi
• Membuat halaman landing page sederhana
• Membuat halaman blog post
• Praktik Terbaik HTML
• Validasi HTML
• Aksesibilitas
• SEO dasar (struktur heading, penggunaan meta tags)
• Pengembangan Berkelanjutan
• Sumber daya belajar tambahan (MDN Web Docs, W3Schools)
• Bergabung dengan komunitas pengembang (GitHub, Stack Overflow)

Kurikulum ini mencakup semua aspek penting dari pembelajaran HTML, dimulai dari dasar hingga tingkat lanjutan. Dengan mengikuti kurikulum ini secara bertahap, kalian akan mendapatkan pemahaman yang kuat tentang HTML dan siap untuk melanjutkan ke pembelajaran CSS dan JavaScript untuk pengembangan web yang lebih kompleks.

Tutorial lainnya

• Google Analytics
• Roadmap Belajar Web Development
• Panduan Lengkap Tutorial HTML5
• Atribut HTML
• HTML Headings
• Cara Track Halaman AMP dengan GA4 dan Tag manager
• Cara Melihat Performa Penulis Page Views di Laman AMP