Index  HTML  CSS  ASP  PHP  VBScript
 Javascript  SQL  Links  Contact  Gastboek  

  HTML cursus
  Vervolg inleiding
  Tekst werk.
  Lettertype
  Tekst Uitlijnen
  Koppen
  Horizontale lijnen
  Afbeeldingen
  Uitlijnen afbeelding
  Tabellen
  Col/Rowspan
  Nesten Tabel
  Anchor
  Frames
  FTP
  Formulier

  Ovz standaard tags
  Ovz Afbeelding
  Ovz Tables
  Ovz Lijsten
  Ovz Frames
  Ovz Speciaal
  Anchor
  Address
  Area


Area

<area>

De area tag wordt gebruikt binnen map tag. Met de map tag is het mogelijk een imagemap te maken. Met de area tag wordt dan vervolgens een stuk van de afbeelding gedefinieerd als link. De area tag bevat dan ook geen tekst en wordt daarom niet afgesloten met een eindtag. Voor tekstbrowsers is het nodig om het attribuut Alt toe te voegen.

AttribuutUitleg
alt=... Hier kun je een beschrijving opgeven van de bestemming van de link. Voor tekst browsers wordt er geen afbeelding weergegeven, maar de tekst van dit attribuut.
coords=... Hiermee bepaal je de coördinaten van de area. Er kunnen drie soorten vormen gebruikt worden. Je kunt een rechthoek, een cirkel of een veelhoek definiëren.
  • rechthoek: shape="rect" coords="x1, y1, x2, y2"
    Begint links boven (x1 en y2) en eindigt rechts onder (x2 en y2).
  • cirkel: shape="circle" coords="x, y, r"
    De x en de y geven het middelpunt van de cirkel op de site aan. De r is de straal van de cirkel.
  • veelhoek: shape="poly" coords="x1, y1, x2, y2, x3 etc..."
    Geef hier precies de punten aan van de veelhoek met behulp van coördinaten.
href=... Hiermee bepaal je de bestemming van het specifieke gebied in de imagemap. Zie anchor voor de mogelijkheden van een link. Indien je frames gebruikt, moet je het attribuut target nog toevoegen.
nohrefIn plaats van href kun je ook nohref gebruiken. Als er dan op geklikt wordt, gebeurd er niets.

Wat de bedoeling is, is dat je een afbeelding pakt van bijvoorbeeld Nederland en dat je elke provincie als link wilt gebruiken. Je kunt dit dan doen met behulp van een imagemap. Je hebt dan nog wel de map tag nodig. Het maken van de juiste coördinaten is niet makkelijk!! Maar oefening baart kunst...