Novice web-mester html tutorial kezdőknek, hogy a gyakori referencia képeket
Tankönyv Html kezdőknek. A legegyszerűbb.
Card. Ennek része a kép, hogy a referencia.
Megvan a lehetőséget erre, ha rákattint a különböző területeken (rész) ugyanazt a képet, akkor megy egy másik oldalra, az úgynevezett - a navigációs térkép.
Navigációs térképek megadott konténer . címke
Következő folytassa vizuális példákat. Kezdeni, szükségünk van egy kép. Vegyük ezt:
Azt már tudjuk, hogy a geometriai területen, és ahol a felhasználó kap, ha rájuk kattint, meghatározza a tag felhasználva attribútumokat. Tulajdonítja alakja és coords.
Attribútum alakja - meghatározza az alak a területen: hogy lesz egy téglalap (alakja = "rect"), egy kör (shape = "kör"), vagy sokszög (shape = "poli"). Most fogunk dolgozni egy téglalap alakú területen, így:
Attribútum coords - határozza meg a koordináták (x és y helyzete a geometriai formák). A száma koordináták és azok sorrendjét függ az értékek a választott forma.
Jobbról bal felső sarkában a kép, úgy annak eredetét (0, 0). Ha dolgozunk egy téglalap alakú terület, szükségünk van a koordinátákat a bal felső és a jobb alsó sarkát a területen. Az eljárás a koordinátáit coords attribútum a következőképpen:
Példánkban a téglalap №1 koordinátái:
x1 = 25, y1 = 36, x2 = 114, Y 2 = 98
Tehát a kód lesz az alábbiak szerint:
Most írják, ahol a régió hivatkoznak erre van szükségünk, már ismerik attribútum href:
De ez a kép egy részét vált referencia, azt is meg kell adni a térkép nevét és társítását a képet. Mi címkézni
Annak érdekében, hogy összekapcsolja a kártyát a képet, akkor kell használni egy attribútum usemap = „# imya_karty” a képet:
. Egy csomó szöveget és minden olyan tartalmat, vagy bármi.
Lásd az eredmény (kattintson a téglalap №1):
Most szerelhető magad téglalap №2 tanításra (x1 = 153, y1 = 11, x2 = 219, y2 = 127), majd megy tovább.