Materi
Koperasi Melati meminta halaman beranda sederhana. Pengurus menuliskan isinya di kertas: nama koperasi, tiga tautan menu, satu bagian pengumuman, satu bagian jam layanan, dan alamat di bawah. Tugasmu mengubah catatan itu menjadi satu dokumen HTML yang utuh, bagian demi bagian.
Kerjakan tiga latihan di bawah berurutan. Latihan pertama membangun kerangka dokumen, latihan kedua mengisi bagian pembuka dengan navigasi, latihan ketiga mengisi isi pokok dan penutup. Setiap latihan berdiri sendiri, jadi kode dari latihan sebelumnya sudah disiapkan di kode awal latihan berikutnya.
Yang dinilai di misi ini adalah penandaannya, bukan panjang kalimatmu. Isi paragraf boleh kamu karang sendiri selama bagiannya duduk di tempat yang benar: nama koperasi sebagai judul tingkat satu di dalam bagian pembuka, tautan menu sebagai butir daftar di dalam navigasi, setiap bagian bertema dengan judulnya sendiri di dalam isi pokok, dan alamat di bagian penutup halaman.
<header>
<h1>Bank Sampah Lestari</h1>
<nav>
<ul>
<li><a href="index.html">Beranda</a></li>
<li><a href="setor.html">Setor</a></li>
</ul>
</nav>
</header>Contoh bagian pembuka di atas memakai data lain dengan dua menu. Perhatikan urutan bersarangnya dari luar ke dalam: header membungkus h1 dan nav; nav membungkus satu ul; ul membungkus beberapa li; dan setiap li membungkus satu tautan a. Setiap tag pembuka punya tag penutup di lapis yang sama, sehingga li ditutup sebelum li berikutnya dibuka, dan header baru ditutup setelah nav selesai.
