Lompat ke konten utama
←

Bangun Halaman Web Pertamamu

Pelajaran 17 dari 17

Menata dengan CSS

Misi: menyusun satu halaman utuh

Setelah pelajaran ini kamu bisa kamu bisa menggabungkan kerangka dokumen, elemen semantik, isi, dan CSS menjadi satu halaman yang selesai.

  • ±13 menit
  • 3 latihan
  • Diperiksa 25 Sep 2026

Latihan di pelajaran ini butuh akun gratis. Progres, kode, dan catatanmu hanya tersimpan di browser ini. Masuk untuk menyimpannya

Materi

Ini misi terakhir. Semua yang sudah kamu pelajari dipakai bersama: kerangka dokumen dengan head yang benar, bagian halaman yang bernama, isi yang ditandai sesuai maknanya, dan CSS untuk warna, huruf, serta jarak. Hasilnya satu berkas yang bisa dibuka di browser mana pun.

  1. Bungkus isi dengan elemen yang menyebut perannya, bukan div kosong makna.
  2. Beri kelas pada pembungkus yang perlu gaya khusus.
  3. Tulis semua aturan CSS di dalam satu elemen style di bagian head.

Kerjakan tiga latihan berurutan. Latihan 1 membuat kartu profil bergaya. Latihan 2 menulis halaman utuh dari doctype sampai penutup html. Latihan 3 memberi gaya pada halaman itu. Kode awal latihan 3 sudah berisi halaman seperti hasil latihan 2, jadi kamu tinggal mengurus tampilannya.

Taruh semua gaya di satu elemen style di dalam head, jangan berserak. Pakai selektor tipe untuk aturan yang berlaku menyeluruh, misalnya huruf pada body. Pakai selektor kelas untuk bagian yang perlu gaya khusus. Pakai kelas semu untuk keadaan, misalnya tautan yang sedang menerima fokus.

Latihan

0/3 lulus

Misi akhir modul: luluskan minimal 3 dari 3 tugas. Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Lanjutkan ke

Tampilkan 4 lagi