Latihan 2 dari materi Komponen Pertamamu di Vue — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Bagi halaman jadi dua bagian dengan elemen semantik, di dalam <div> yang sudah ada:
<nav> untuk navigasi, berisi tautan <a>Home</a>.
<main> untuk isi utama, berisi <p>Selamat datang!</p>.
Pakai elemen <nav> dan <main>, bukan <div>.
Yang dicek:
Ada elemen <nav>.
Ada elemen <main>.
<p> di dalam <main> berisi persis Selamat datang!.
Hint
Navigasi dan isi utama punya elemen semantiknya sendiri, dan tampilannya sama saja dengan div.
Di dalam div, buat nav yang berisi a dengan teks Home, lalu main yang berisi p dengan teks Selamat datang!.