Timeline Menguasai HTML

🎯 Target Pembelajaran:

• • Apa itu HTML dan fungsinya
• • Struktur dasar dokumen HTML
• • Tag, element, dan attribute
• • DOCTYPE dan HTML5

💻 Praktik:

• • Buat file HTML pertama
• • Tulis "Hello World" sederhana
• • Eksplorasi tag head dan body

📚 Resources:

🎯 Target Pembelajaran:

• • Tag heading (h1-h6)
• • Tag paragraph (p)
• • Text formatting (strong, em, mark)
• • Line break dan horizontal rule

💻 Praktik:

• • Buat struktur artikel sederhana
• • Gunakan berbagai level heading
• • Format text dengan berbagai tag

🎯 Target Pembelajaran:

• • Tag anchor (a) dan atribut href
• • Link internal dan eksternal
• • Link ke email dan telepon
• • Target link (_blank, _self)

💻 Praktik:

• • Buat menu navigasi sederhana
• • Link ke halaman lain
• • Link ke bagian dalam halaman

🎯 Target Pembelajaran:

• • Tag img dan atribut src, alt
• • Ukuran gambar (width, height)
• • Format gambar yang didukung
• • Gambar sebagai link

💻 Praktik:

• • Tambahkan gambar ke halaman
• • Buat galeri gambar sederhana
• • Optimasi alt text untuk SEO

🎯 Target Pembelajaran:

• • Unordered list (ul, li)
• • Ordered list (ol, li)
• • Description list (dl, dt, dd)
• • Nested lists

💻 Praktik:

• • Buat daftar menu makanan
• • Buat langkah-langkah tutorial
• • Buat nested navigation menu

🎯 Target Pembelajaran:

• • Tag table, tr, td, th
• • Table header dan body
• • Colspan dan rowspan
• • Table caption dan styling

💻 Praktik:

• • Buat tabel data siswa
• • Buat jadwal pelajaran
• • Buat tabel dengan merged cells

🎯 Target Pembelajaran:

• • Review semua materi minggu 1
• • Identifikasi area yang perlu diperkuat
• • Praktik kombinasi semua tag
• • Persiapan untuk minggu 2

💻 Project:

• • Buat halaman profil pribadi
• • Include: heading, paragraf, gambar, link, list, tabel
• • Validasi HTML dengan W3C Validator