Pertemuan 2

Semantic HTML

HTML bukan hanya kotak-kotak div. Tag semantic memberi arti pada struktur website.

              
                <header>Logo + Judul Game</header> <nav>Home | Story | Characters</nav> <main> <section id="hero">...</section> <section id="characters">...</section> </main> <footer>Credits</footer>

Tujuan Pembelajaran

Memahami fungsi tag semantic.

Menyusun struktur website game.

Membedakan header, nav, main, section, aside, dan footer.

Live Preview

semantic-starter.html

Preview

Challenge

Buat struktur semantic untuk halaman game: header, nav, main, dua section, aside opsional, dan footer.

Mini Quiz

Tag semantic untuk area konten utama website adalah...

Penutup

Output pertemuan: struktur semantic untuk website game.