KOMPOOS.NL

area tag - HTML5

home » manuals » html5 » area-tag-html5.html

sitemap | terug naar het html5 referentie - tags - overzicht

voorbeeld area tag

area deel

uitleg area tag

Als je met jouw muis over het plaatje heen gaat zal ergens in de buurt van de linker-borst (van ons standpunt gezien de rechter..) van de dame een alert verschijnen. Dit is mogelijk door de area tag, die je in de code hieronder kan vinden. De area tag doet niets anders dan een gedefinieerd gedeelte van een afbeelding "gevoelig" maken voor actie. De area shape is nu "rect". Maar je kan de area-shape ook "poly" maken. Gebruik dit voorbeeld als basis om afbeeldingen inter-actief te maken.

html voorbeeld-code voor de area-tag


<p>
        <img src ="http://static.dns5.nl/area.jpg" width="200" 
                height="255" alt="area" usemap ="#area-deel" />
        <map id ="area-deel" name="area-deel">
        <area shape ="rect" coords ="120,180,180,220" 
                onmouseover ="alert('dit gedeelte reageert op een mouseover');" alt="deel" />
        </map>
</p>