HTML & CSS del 5 av 8: Att länka samman världen – navigation och länkar
Kodkunskap är en utbildnings- och fortbildningssida och community för utvecklare. Denna podcast är en del av ett utbildningsmaterial.
Denna serien handlar om HTML & CSS och detta är avsnittet 5 av 8.
---
En webbsida i all ära – men det är först när sidor hänger ihop som det blir en webbplats. I det här avsnittet dyker vi ner i HTML-länkar, menyer och grunderna i webbplatsnavigation. Du lär dig hur du kopplar samman sidor, skapar tydliga menyer och bygger en användarvänlig struktur.
Vi går igenom:
- Hur länkar fungerar med <a>-taggen och attributet href
- Skillnaden mellan relativa och absoluta länkar
- Hur du bygger en semantisk och tillgänglig navigationsmeny med <nav> och listor
- Tips för tydlig och användbar navigation – både visuellt och tekniskt
Det här är ett avsnitt som lägger grunden till att din webbplats blir mer än bara isolerade sidor – den blir en helhet.
👉 I nästa avsnitt lär du dig hur du styr layouten på sidan – med moderna tekniker som Flexbox.
---
Exempel på en enkel navbar:
<nav>
<ul>
<li><a href="index.html">Start</a></li>
<li><a href="om.html">Om oss</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
