CSS TutorialLesson 48Preview gratis
CSS Website Layout
Lesson ini bagian dari CSS · Semua level
Ringkasan
Susunan halaman web umumnya terdiri dari header, navigasi, konten utama, sidebar, dan footer yang dibuat dari elemen struktural lalu ditata lewat CSS. Pendekatan modern memakai CSS Grid untuk kerangka besar halaman dan Flexbox untuk bagian di dalamnya. Tata letak responsif memastikan susunan tetap rapi dari layar kecil sampai besar.
Poin kunci
- Kerangka umum halaman: header, nav, konten utama beserta aside, lalu footer.
- CSS Grid cocok membagi area besar halaman, misalnya kolom konten dan sidebar.
- Flexbox cocok menyusun item di dalam satu bagian, seperti baris tombol atau kartu.
- Responsif dibuat dengan media query serta satuan relatif seperti fr, %, vw, dan clamp().
- Urutan logis konten di HTML sebaiknya tetap masuk akal walau tata letak visual berubah.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.