📚 Tutorial HTML Petanikode

Repositori ini berisi kumpulan latihan dan tugas HTML yang saya pelajari dari Tutorial HTML Petanikode.

🎯 Tujuan Pembelajaran

Mempelajari HTML dasar dari nol hingga mampu membuat website pribadi dengan berbagai elemen HTML.

📖 Materi yang Dipelajari

1. Dasar-dasar HTML

• 01-Pengenalan-dasar - Pengenalan HTML untuk pemula
• 02-Mengenal-tag - Tag, elemen, dan atribut dalam HTML
• 03-Membuat-Paragraf - Cara membuat paragraf di HTML
• 04-Membuat-Heading - Penggunaan heading (h1-h6)
• 05-Cara-membuat-komentar - Membuat komentar di HTML

2. Text Formatting & Media

• 06-Text-formatting - Format teks (bold, italic, underline, dll)
• 07-Membuat-Link - Membuat hyperlink
• 08-Menampilkan-Gambar - Menampilkan gambar dengan tag img
• 09-Membuat-List - List ordered dan unordered
• 10-Membuat-Tabel - Struktur tabel HTML

3. Form & Elemen Lanjutan

• 11-Membuat-Form - Form input dan validasi
• 12-Elemen-Semantik - HTML5 semantic elements
• 13-Menampilkan-Video - Embed video
• 14-Menambahkan-Audio - Embed audio
• 15-Project-Web-Pribadi - Membuat website pribadi
• 16-Hosting-Netlify - Deploy ke Netlify

🗂️ Struktur Folder

├── 01-Pengenalan-dasar/
├── 02-Mengenal-tag/
├── 03-Membuat-Paragraf/
├── 04-Membuat-Heading/
├── 05-Cara-membuat-komentar/
├── 06-Text-formatting/
└── ...

🚀 Cara Menjalankan

1. Clone repository ini

git clone https://github.com/[galangam]/tugas-html-petanikode.git

2. Buka file index.html di browser atau gunakan Live Server di VS Code

📝 Catatan

• Setiap folder berisi latihan sesuai dengan topik pembelajaran
• File HTML sudah divalidasi dan berfungsi dengan baik
• Menggunakan gambar dan asset pendukung dari folder masing-masing

👨‍💻 Author

[galangam]
Siswa yang sedang belajar HTML dari tutorial Petanikode

---

⭐ Jika repository ini membantu, jangan lupa beri star!