W3.CSSLesson 38Preview gratis
W3.CSS Tabs
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Tabs menampilkan beberapa panel dalam ruang yang sama, bergantian pada judul yang ditekan pengguna. Bar judul umumnya dibuat dari w3-bar berisi item tombol, sedangkan panel aktif ditentukan dengan menambah atau menghapus class penyembunyi. Pola ini efektif untuk menampilkan banyak informasi tanpa membuat halaman panjang.
Poin kunci
- Tabs terdiri dari bar judul dan beberapa panel yang saling menggantikan
- Item judul memakai w3-bar yang bertindak sebagai tombol tab
- Class w3-hide menentukan panel mana yang sedang tidak tampil
- Tab aktif diberi latar atau garis berbeda sebagai penanda
- Tabs menghemat ruang dan mengurangi kebutuhan scrolling
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.