Ako vytvoriť obrázkové mapy v HTML?

1. Vytvorte obrázok:

– Začnite vytvorením súboru obrázka (napr. „obrázok.jpg“).

2. Definujte obrázkovú mapu:

– V kóde HTML vytvorte prvok „

3. Definujte klikateľné oblasti:

- V rámci prvku „

4. Zadajte súradnice obrázkovej mapy:

- Pre každý prvok zadajte súradnice, ktoré definujú hranice oblasti, na ktorú možno kliknúť. Môžete to urobiť pomocou atribútu „coords“. Súradnice sú špecifikované ako zoznam oddelený čiarkami, ktorý predstavuje súradnice oblasti vľavo hore (x1, y1) a vpravo dole (x2, y2).

5. Definovať akciu pre kliknutia:

- Použite atribút `href` v rámci `` na určenie akcie, ktorá by sa mala vykonať, keď používateľ klikne na konkrétnu oblasť obrázka. Môže to byť odkaz na inú stránku, e-mailovú adresu alebo inú platnú adresu URL.

6. Priradiť obrázkovú mapu k obrázku:

- Na prepojenie obrázkovej mapy s obrázkom použite atribút `usemap` v rámci `

```

V tomto príklade je obrázok s názvom „obrázok.jpg“ s dvoma oblasťami, na ktoré sa dá kliknúť. Prvá oblasť je definovaná obdĺžnikom so súradnicami (10, 10) a (150, 150) a po kliknutí sa dostanete na "link-1.html." Druhá oblasť je definovaná kruhom so stredom (200, 200) a polomerom 50 a po kliknutí odkazuje na "link-2.html".

Toto je len základný príklad. Môžete vytvárať zložitejšie obrazové mapy s viacerými tvarmi a rôznymi akciami pre každú klikateľnú oblasť.

• Predchádzajúca strana: Ako vytvoriť HTML e-mailové odkazy s predmetom, kópiou a skrytou kópiou? 
• Ďalšia strana: Ako vytvoriť formuláre v HTML?