Ostatnio edytowany:

Obszar w kształcie całego obrazka

Autor: Virtual Patriot

Gdy do interesującego nas elementu area dodamy atrybut shape wraz z wartością default, przeglądarka internetowa będzie wiedziała o tym, że chcemy, aby klikalny obszar reprezentowany przez dany element area posiadał kształt całego obrazka.

Przykład:

<map name="mapa-1">
  <area shape="default" href="http://webkod.pl/kurs-html/tagi/sekcje/element-body" alt="opis elementu - body">
</map>

<img src="http://webkod.pl/files/html/obrazek-01.png" usemap="#mapa-1" alt="mapa klikalnych obszarów">

Rezultat:

opis elementu - body mapa klikalnych obszarów

Od tej pory, gdy klikniemy na jakiekolwiek miejsce na naszym przykładowym obrazku powiązanym z naszą przykładową mapą klikalnych obszarów zostaniemy przeniesieni do zasobu internetowego znajdującego się pod adresem http://webkod.pl/kurs-html/tagi/sekcje/element-body.