Obszar w kształcie całego obrazka
- Data publikacji
- Ostatnio edytowano
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="https://webkod.pl/kurs-html/tagi/sekcje/element-body" alt="opis elementu - body">
</map>
<img src="https://webkod.pl/files/html/obrazek-01.png" usemap="#mapa-1" alt="mapa klikalnych obszarów">
Rezultat:

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 https://webkod.pl/kurs-html/tagi/sekcje/element-body
.