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

Setelah mengikuti materi ini, siswa diharapkan:

  • Memahami elemen-elemen HTML yang digunakan untuk menampilkan teks

  • Dapat membuat heading, paragraf, teks tebal, teks miring, garis pemisah, dan baris baru

  • Mampu menulis struktur teks yang rapi dan mudah dibaca

Previous
Next

.

.