HTML Tutorial

HTML-tagg: <map>

Användning av <map>

Taggen används för att definiera områden på en bild som kan länkas till andra webbsidor eller resurser.

Attribut för <map>

  • id: Ett unikt ID för kartan.
  • name: Namnet på kartan.
  • title: En beskrivning av kartan.

Exempel med <map>

<img src="bild.jpg" usemap="#bildkarta">

<map name="bildkarta">
  <area shape="rect" coords="0,0,100,100" href="sida1.html" alt="Sida 1">
  <area shape="circle" coords="150,150,50" href="sida2.html" alt="Sida 2">
</map>

Utforska <map>-taggen

  1. Skapa en bild med ett HTML-element.
  2. Lägg till ett <map>-element och ange ett unikt namn.
  3. Inuti <map>-elementet definierar du områden (areas) med hjälp av attributen shape (form), coords (koordinater) och href (länk).
  4. I <img>-elementet använder du attributet usemap för att referera till <map>-elementet.