UI/UX: Latihan 100 Tag HTML dan CSS

Sebagai salah satu bentuk latihan dalam mata kuliah UI/UX Design, saya mendapatkan tugas untuk membuat sebuah halaman web yang memuat minimal 100 tag HTML. Tag-tag ini digunakan untuk menampilkan berbagai elemen penting yang biasa ditemukan dalam halaman web, seperti heading, paragraf, daftar, tabel, form, gambar, link, dan elemen struktural lainnya. Tag-tag tersebut tidak harus saling terhubung, namun harus tersusun dalam satu file HTML yang rapi dan menunjukkan variasi penggunaan elemen secara menyeluruh

Untuk memperkuat aspek visual dan memperlihatkan penerapan prinsip desain antarmuka, seluruh tag HTML dilengkapi dengan kode CSS yang mengatur tampilan dan gaya dari masing-masing elemen. Melalui CSS, saya menyesuaikan warna, ukuran teks, margin, padding, tata letak, serta berbagai aspek estetika lainnya agar halaman tidak hanya fungsional, tetapi juga nyaman dilihat dan mudah dipahami secara visual. Setelah selesai, seluruh file proyek dimasukkan ke dalam repository GitHub sebagai bentuk dokumentasi digital dan untuk memudahkan akses oleh dosen maupun teman-teman.

Tugas ini tidak hanya melatih keterampilan teknis dalam menulis HTML dan CSS, tetapi juga memperkenalkan pentingnya perencanaan tata letak serta konsistensi desain. Dengan membiasakan diri menulis struktur kode yang baik, mahasiswa diharapkan mampu mengembangkan kemampuan dasar dalam membangun antarmuka pengguna (user interface) yang bersih, tertata, dan sesuai standar desain web modern. Hasil dari latihan ini menjadi fondasi penting sebelum memasuki tahap pengembangan desain interaktif dan responsif pada proyek-proyek berikutnya.

👉GitHub repository