Repositori ini berisi catatan lengkap dan terstruktur tentang HTML5, mencakup teori, sintaks, elemen semantik, hingga penerapan langsung dalam studi kasus web portofolio.
Setiap bab disusun secara praktis agar mudah dipahami mahasiswa, pemula, maupun pengembang web profesional.
🎯 Tujuan: membantu siapa pun memahami dan menerapkan HTML5 secara modern, efisien, dan sesuai standar web global (W3C).
| No | Materi | Akses |
|---|---|---|
| 1️⃣ | BAB 1 – Pengenalan HTML5 | 📄 01-pengenalan-html5.md |
| 2️⃣ | BAB 2 – Struktur Dokumen HTML5 | 📄 02-struktur-dokumen-html5.md |
| 3️⃣ | BAB 3 – Elemen dan Atribut HTML5 | 📄 03-elemen-dan-atribut-html5.md |
| 4️⃣ | BAB 4 – Teks dan Formatting | 📄 04-teks-dan-formatting.md |
| 5️⃣ | BAB 5 – Link dan Media | 📄 05-link-dan-media.md |
| 6️⃣ | BAB 6 – List dan Tabel | 📄 06-list-dan-tabel.md |
| 7️⃣ | BAB 7 – Formulir dan Input | 📄 07-formulir-dan-input.md |
| 8️⃣ | BAB 8 – Elemen Semantik HTML5 | 📄 08-elemen-semantik-html5.md |
| 9️⃣ | BAB 9 – Meta Tag dan SEO | 📄 09-meta-tag-dan-seo.md |
| 🔟 | BAB 10 – Praktik Terbaik HTML5 | 📄 10-praktik-terbaik-html5.md |
| 1️⃣1️⃣ | BAB 11 – Rangkuman Tag HTML5 & Fungsinya | 📄 11-rangkuman-tag-html5.md |
| 💡 | Studi Kasus – Web Portofolio (Live Example) | 💻 studi-kasus-portofolio.html |
| 📎 | Lampiran – Contoh & Glosarium HTML5 | 📄 lampiran-contoh-html.md |
- 📘 Materi disusun dari dasar hingga lanjutan
- 🧩 Dilengkapi contoh kode & studi kasus nyata
- 🧠 Mengacu pada standar W3C & praktik modern HTML5
- 🧱 Cocok untuk pembelajaran mandiri, kuliah, atau referensi portofolio
| Kategori | Tools |
|---|---|
| Editor | VSCode, Sublime Text, Atom |
| Browser | Chrome, Firefox, Edge |
| Validator | W3C Validator |
| Preview Markdown | GitHub, Obsidian, Notion |
Repositori ini dilisensikan di bawah MIT License.
Silakan gunakan, modifikasi, dan sebarkan dengan tetap mencantumkan kredit penulis.
Mulyo Anjang Jaya Kusuma
🎓 Mahasiswa Teknik Informatika • Web & Front-End Enthusiast
🌐 GitHub • LinkedIn
“HTML5 bukan sekadar markup, tapi fondasi dari pengalaman web yang modern, aksesibel, dan dinamis.”
© 2025 • Belajar HTML5
Dibuat dengan ☕ oleh Mulyo Anjang Jaya Kusuma
Versi: v1.0 Final Edition