HTML imagini hărți. Folosirea elementului area. Definirea formei unei zone: rect, cerc, poli, default.
Partajeaza in Google Classroom
Partajeaza cu Google Classroom
Susține Lectii-Virtuale!
Memorator: Descriere video Descarcă PDF
Zonele
Apoi adăugați zonele unde se poate face click.
O zonă pe care se poate face click este definită folosind un element <area>.
Formă
Trebuie să definiți forma zonei și puteți alege una dintre aceste valori:
Trebuie să definiți câteva coordonate pentru a putea plasa zona pe care se poate face click pe imagine.
Coordonatele vin în perechi, una pentru axa x și una pentru axa y.
Coordonatele 34, 44 sunt situate la 34 de pixeli de la marginea stângă și la 44 de pixeli din partea de sus:
Coordonatele 270, 350 sunt amplasate la 270 de pixeli de la marginea stângă și 350 pixeli din partea de sus:
Acum aveți suficiente date pentru a crea o zonă dreptunghiulară cu click:
Apoi adăugați zonele unde se poate face click.
O zonă pe care se poate face click este definită folosind un element <area>.
Formă
Trebuie să definiți forma zonei și puteți alege una dintre aceste valori:
- rect - definește o regiune dreptunghiulară
- cerc - definește o regiune circulară
- poli - definește o regiune poligonală
- default- definește întreaga regiune
Trebuie să definiți câteva coordonate pentru a putea plasa zona pe care se poate face click pe imagine.
Coordonatele vin în perechi, una pentru axa x și una pentru axa y.
Coordonatele 34, 44 sunt situate la 34 de pixeli de la marginea stângă și la 44 de pixeli din partea de sus:
Coordonatele 270, 350 sunt amplasate la 270 de pixeli de la marginea stângă și 350 pixeli din partea de sus:
Acum aveți suficiente date pentru a crea o zonă dreptunghiulară cu click:
<area shape="rect" coords="34, 44, 270, 350" href="computer.htm">
Aceasta este zona care poate face click și va trimite utilizatorul pe pagina computerului.htm:Navigare în lectii
Cumpara abonament
Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.
