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

  • Buat halaman dengan:

    • Judul halaman

    • Paragraf deskripsi

    • Daftar link favorit (YouTube, Wikipedia, Canva, dsb.)

    • Salah satu link dibuka di tab baru (target="_blank")

  • Simpan dengan nama proyek: LinkHTML

Previous
Next

.

.