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.

🏠 https://www.kodkunskap.se

💬 https://discord.gg/hZfsnpQM

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>