Belangrijke lay-out tags in HTML
Voor de header van een website moet je de tag
header gebruiken, voor de footer - de tag footer,
voor de sidebar - de tag aside, voor de inhoud
- de tag main. Laten we eens kijken hoe
een website lay-out, geschreven met
deze tags, eruit ziet:
<div id="wrapper">
<header>
header
</header>
<div id="container">
<aside>
sidebar
</aside>
<main>
inhoud
</main>
</div>
<footer>
footer
</footer>
</div>
Voor een menu moet je de tag nav gebruiken:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
De volgende code is gegeven:
<div id="wrapper">
<div id="header">
<div id="menu">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
<div id="container">
<div id="sidebar">
sidebar
</div>
<div id="content">
inhoud
</div>
</div>
<div id="footer">
footer
</div>
</div>
Zet deze code om met behulp van de door jou geleerde nieuwe tags.