Tutoriale Web Hosting | Tutoriale HTML | Harti de Imagini | Definitii de inceput
|
Scris de Manager
|
|
Luni, 19 Ianuarie 2009 16:49 |
|
Harti de imagini

Hartile de imagini permit declararea unor zone din imagine ca legaturi catre alte pagini web si implica doua aspecte:
-Imaginea este declarata ca fiind harta. Pentru aceasta eticheta <img> a imaginii are urmatoarele atribute: src- fisierul sau adresa fisierului imagine usemap- are valoarea de genul #nume care este folosit un interiorul etichetei <map> prezentate mai jos
-Harta se defineste folosind perechea de etichete <map> si </map>, cu atributul obligatoriu name, avand aceeasi valoare ca la usemap din img. Zona sau zonele continute de harta sunt introduse prin eticheta <area> cu atributele obligatorii: shape fiind forma ariei declarate cu valorile: rect=dreptunghiulara, circle=circulara, poly=poligonala, default=alte forme (diferite de cele anterioare) coords coordonatele zonei href adresa paginii destinatie a legaturii
Exemplu: o harta de imagini care contine 5 zone
<html> <head> <title>Exemplul 10</title> </head> <body> <b>Harti de imagini</b><p> <img src="/harta.gif" usemap="#harta" width="280" height="160" border="0"> <map name="harta"> <area shape="rect" coords="20,20,70,70" href="/page1.html"> <area shape="rect" coords="20,90,120,140" href="/page2.html"> <area shape="circle" coords="200,80,30" href="http://easycont.ro"> <area shape="circle" coords="200,80,60" href="/pag1.html"> <area shape="poly" coords="90,70,120,70,120,20" href="http://easycont.ro"> </map> </body> </html>
| Servicii Profesionale | Gazduire Site | Gazduire Magazin On-line |
|
|
Ultima Actualizare Miercuri, 21 Iulie 2010 21:10 |