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

CodePen.io adalah situs tempat kamu bisa:

  • Menulis kode HTML secara langsung

  • Melihat hasilnya real-time

  • Berbagi link hasil pekerjaanmu ke guru/teman

Langkah Membuat Akun:

  1. Buka https://codepen.io

  2. Klik tombol Sign Up

  3. Gunakan email atau akun Google. bahkan email asal pun bisa (misalnya apapun@hore.com)

  4. Setelah login, klik Create → Pen untuk mulai coding

Previous
Next

.

.