MenusLesson 8Preview gratis
Full Page Tabs
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Tab Satu Halaman Penuh (Full Page Tabs). Komponen ini mengubah seluruh tampilan layar menjadi satu kanvas konten penuh saat tombol tab dipilih, sangat ideal untuk landing page interaktif atau presentasi web.
Poin kunci
- Panel tab menggunakan height: 100% untuk menutupi seluruh tinggi viewport layar
- Tombol tab diletakkan menempel di bagian atas dengan posisi fixed atau absolute
- Menerapkan pewarnaan latar belakang penuh (vibrant full background) pada setiap tab
- Membutuhkan pengaturan html, body { height: 100%; margin: 0; } pada CSS dasar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.