100 TAG HTML/CSS: LATIHAN STRUKTUR & STYLING WEB DASAR

Sebagai bagian dari tugas mata kuliah Web Design (UI/UX), mahasiswa diminta untuk mengerjakan proyek latihan dasar berupa penyusunan 100 tag HTML dan CSS dalam satu halaman web. Tugas ini bertujuan agar mahasiswa mampu memahami struktur dasar dari sebuah halaman website sekaligus membiasakan diri dengan berbagai elemen semantik dan gaya tampilan yang digunakan dalam pengembangan antarmuka pengguna.

Dalam pengerjaannya, digunakan berbagai jenis tag HTML untuk membentuk struktur halaman yang lengkap, mulai dari:

• Tag struktural seperti <header>, <nav>, <main>, <section>, <article>, hingga <footer>
• Tag teks dan konten seperti <h1> sampai <h6>, <p>, <ul>, <ol>, <blockquote>, <abbr>, <span>, dan <strong>
• Tag media seperti <img>, <audio>, dan <video>
• Formulir seperti <form>, <input>, <label>, <textarea>, <button>, dan <select>
• Elemen interaktif seperti <a>, <details>, <summary>, dan lainnya
• Serta penerapan CSS dasar untuk styling layout, warna, padding, margin, tipografi, dan responsive design.

Latihan ini menjadi dasar penting sebelum melanjutkan ke tahap perancangan UI/UX yang lebih kompleks, seperti desain visual di Figma, wireframing, prototyping, dan pengembangan interface yang user-friendly.

🧠 Tugas ini juga ditujukan agar mahasiswa lebih mengenal best practice dalam menulis HTML/CSS yang bersih, terstruktur, dan mudah dikembangkan ke tahap lanjut.

📂 Repository latihan ini tersedia secara publik di GitHub, sehingga bisa diakses oleh siapa saja yang ingin belajar atau dijadikan referensi untuk memahami elemen dasar HTML dan CSS:

🔗 https://github.com/happywafiqah/100htmltags