Hogyan lehet html kép-térkép
Hogyan készítsünk HTML képtérképek.
Ebben az esetben a kép véletlenszerűen vett, csak példaként. Itt látható screenshotok a különböző helyszíneken, egyesült egy közös képet. Tegyük fel, hogy meg kell tennie, hogy amikor rákattint az egyes helyszínek ábrázolt kép (csökkentett kép), ember van ezen az oldalon. Ie megtörni az egész képet, mint ez:
Ez elég egyszerű. Hagyja, hogy a kép, vagy még inkább a képfájlt, az úgynevezett karta2.jpg. A kép mérete az itt használt 400h255 pixel. Először nézzük meg az 1. lista bontását:
Mint látható, hogy hozzon létre egy térképet, akkor be kell helyeznie a címkét attribútum usemap = "# name". ahol a neve - a név a kártya (jelvény # szükséges) ebben az esetben a kép nevét térkép file: karta2.jpg. Hiányzik a többi tulajdonság ebben a címkét, akkor meg kell tudni őket, mert közülük már tárgyalt a korábbi leckéket.
A következőkben ismertetjük az összes aktív területet a térképen (ebben az esetben van 8 őket). Kezdjük egy nyitó címke .
elem Ez a következő tulajdonságokkal rendelkezik és jelentésük:
Leírja az alakja kiválasztott területet a lehetséges értékek:
RECT - a téglalap
kör - kör
poli - poligon
alapértelmezett - meghatározza az egész területet, azaz a teljes minta lehet egy link.
Koordináták meghatározása méretét és pozícióját a terület a képen. Minden koordinátákat képpontban mérve a bal felső sarokban a kép. Száma és sorrendje az értékeket függ attribútum alakja:
len. - bal-X, egy felső-Y, jobb-X, az alsó-Y (azaz, első koordinátáit a bal felső sarokban, majd a jobb alsó)
kört. - központ-X, a központ-Y, tartományban (azaz vízszintes és függőleges koordinátái a kör középpont és sugár)
poly. - X1, Y1, X2, Y2. Xn, Yn (csak felsorolja a koordinátáit minden a sokszög csúcsai).
Alternatív szöveg kiválasztása, használata nem vizuális böngészők.
A név a kiválasztott területen megjelenik egy tooltip jelenik meg, amikor lebeg a kurzort a rajzolási terület.
Az attribútum értékét ( „_top”, „_blank”, „_self” vagy „_parent”) határozza meg, amely az ablak nyitva van a dokumentum
Ennek eredményeként, ez az, amit megvan, poklikat Miniatűr:
Példaként helyett Hivatkozó 1. tettem egy igazi kapcsolat, ami a helyszínen gratuláló. aki nemrég segített, hogy ugyanezt más voemu az új évet. Tekintse valós munka példáját itt. Mind a miniatűr képek a honlapon vezet egy külön web-oldal személyes üdvözlettel egy adott személynek, azaz a kis kép I S külön hivatkozást.
El tudod képzelni, akkor lehet, hogy a linkeket, abszolút. és relatív. nincs különbség.
A fényképek térképek meglehetősen gyakori, és használják gyakran a gyakorlatban, web-mester. Elvégre, mint érted, mint a referencia, akkor létrehozhat egy meglehetősen komplex terület, ráadásul ugyanazon a kártyán, akkor mindig keverjük össze, és osztja darab bármilyen alakú.
Működés konkatenáció (kapcsolat) a PHP.
Hogyan lehet pénzt az e-könyvek?
Hogyan változtassuk meg a megjelenését a kurzort.
„Rejtőzködő” számlálók CSS.
HTML leckék
CSS osztályok
Cikkek
műszerek
Weboldal sablonok
könyvek
díszítés
Oldal tól Z-ig
Keressen pénzt online
Csalás az interneten
munkavédelem
MODULÁRIS MINTA
PHP LESSONS
szolgáltatások
szkriptek
SEO
jQuery
Speciális munkakörülmények (délkelet) - ARM
Internetes fizetési rendszere
Photoshop tutorials
titkos szakasz
Hogyan lehet pénzt az interneten?
Készítse el Infobusiness
Szeretné keresni?
2 Urovnevaja
Partnerprogram!
Csatlakozzon most.
A moduláris minta: Luxus vörös bársony
A moduláris minta absztrakció: Napenergia
A moduláris minta: Kék rózsa
A moduláris minta: vízesés
A moduláris minta: Orchids
domain regisztráció
"PK" LyuksStroy "
Ha tetszik
honlapunkon, állítsa
A link. és
Kap ajándékot.