Om een menubalk in HTML te maken, kun je onderstaande stappen volgen.
- Maak een ongeordende lijst (ul) in uw HTML-code.
- Voeg vervolgens een aantal lijstitems (li) toe aan de ongeordende lijst die elk het menu-item voorstellen dat u wilt weergeven.
- Geef elke lijstitem een anker (a) tag met de bijbehorende koppeling naar de pagina waar het menu-item naartoe moet leiden.
- Style de ongeordende lijst en lijstitems met CSS om het gewenste uiterlijk van uw menubalk te bereiken.
Voorbeeldcode:
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Over ons</a></li>
<li><a href="#">Diensten</a></li>
<li><a href="#">Contact</a></li>
</ul>
CSS-stijlvoorbeeld:
ul {
list-style: none;
margin: 0;
padding: 0;
}
ul li {
display: inline-block;
}
ul li a {
display: block;
padding: 10px;
}