Course Content
Pengenalan HTML
0/6
Tujuan Pembelajaran
Apa Itu HTML?
Mengapa Harus Belajar HTML?
Mengenal Struktur HTML Sederhana
Mengenal CodePen.io
Praktik Langkah Awal HTML di CodePen
Struktur Dasar Dokumen HTML
[confetti]
0/5
Tujuan Pembelajaran
Apa Itu Struktur Dasar HTML?
Penjelasan Setiap Bagian
Praktik di CodePen
Tugas Siswa
Elemen Teks
0/6
Tujuan Pembelajaran
Elemen Teks Dasar dalam HTML
Contoh Penggunaan Elemen Teks
Praktik di CodePen
Tugas Siswa
Referensi Tambahan
Elemen Gambar
0/6
Tujuan Pembelajaran
Tag img dan Atributnya
Contoh Kode HTML
Praktik di CodePen
Tugas Siswa
Referensi Tambahan
Link dan Navigasi
0/8
Tujuan Pembelajaran
Elemen a : Anchor (Tautan)
Contoh Link Eksternal
Navigasi Satu Halaman (Anchor)
Navigasi Sederhana
Praktik di CodePen
Tugas Siswa
Referensi Tambahan
List (Daftar)
0/6
Tujuan Pembelajaran
Jenis-Jenis List dalam HTML
Contoh List
Praktik di CodePen
Tugas Siswa
Referensi Tambahan
Tabel
0/6
Tujuan Pembelajaran
Elemen Dasar Tabel
Contoh Tabel HTML
Praktik di CodePen
Tugas Siswa
Referensi Tambahan
Formulir
0/6
Tujuan Pembelajaran
Struktur Dasar Formulir
Elemen-Elemen Penting dalam Form
Contoh Formulir Sederhana
Praktik di CodePen
Tugas Kode Formulir
Embed Multimedia
0/6
Tujuan Pembelajaran
Tag Dasar
Contoh Penggunaan
Praktik di CodePen
Tugas Siswa
Referensi Tambahan
Mini Project Akhir – “Profil Pribadi Sederhana”
0/6
Tujuan Pembelajaran
Deskripsi Proyek
Struktur Halaman
Contoh Struktur HTML
Langkah Praktik di CodePen
Tugas Mini Project
Belajar HTML Lewat Codepen.io – Tingkat Dasar

  • Buka https://codepen.io/pen

  • Tambahkan minimal 3 gambar dari internet:

    • Logo sekolah

    • Ilustrasi belajar

    • Hobi favorit

  • Gunakan atribut alt, width, dan height

  • Simpan proyek dengan nama: GambarHTML

Previous
Next

.

.