TablesLesson 163Preview gratis
Comparison Table
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas tabel perbandingan untuk menyandingkan beberapa pilihan produk atau paket. Kolom biasanya mewakili pilihan, sedangkan baris berisi fitur yang dibandingkan. Desain yang baik menonjolkan kolom unggulan, menjaga header tetap terbaca, dan menyediakan scroll horizontal pada layar sempit.
Poin kunci
- Gunakan tabel semantik dengan caption, thead, dan th scope yang jelas
- Tandai kolom rekomendasi dengan kelas khusus, bukan hanya warna acak
- Bekukan kolom fitur menggunakan position: sticky agar tetap terlihat saat digulir
- Sediakan pembungkus overflow-x auto untuk layar sempit
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.