Cum de a face hărți de imagini HTML.
În acest caz, o imagine este luată la întâmplare, la fel ca un exemplu. Aici puteți vedea capturi de ecran din site-uri diferite, unite pe o imagine comună. Să presupunem că trebuie să faci atunci când dai clic pe fiecare dintre site-urile prezentate în această imagine (imagine redusă), oamenii luat de pe acest site. Ie rupe întreaga imagine ca aceasta:
Este destul de simplu. Să imaginea noastră, sau mai degrabă fișierul imagine, numit karta2.jpg. Dimensiunea imaginii folosite aici 400h255 pixeli. În primul rând, să ne uităm la 1 Listarea este o defalcare:
După cum puteți vedea, pentru a crea o hartă, trebuie să introduceți tag-ul atributul usemap = "# numele". în cazul în care numele - numele cardului (ecuson # necesar), în acest caz, numele fișierului hartă imagine: karta2.jpg. Mi-e dor celelalte atribute din această etichetă, trebuie să le cunoască, pentru că dintre acestea au fost deja discutate în lecțiile anterioare.
Următoarele descrie toate zona activă a hărții (în acest caz, există 8 dintre ele). Începem cu o etichetă de deschidere .
element Acesta are următoarele atribute și semnificațiile acestora:
Acesta descrie forma zonei selectate, valori posibile:
RECT - dreptunghi
cerc - cerc
poli - poligon
implicit - definește întreaga zonă, adică, întregul model poate fi un link.
Coordonate definirea dimensiunii și poziției zonei din imagine. Toate coordonatele sunt măsurate în pixeli din colțul din stânga sus al imaginii. Numărul și ordinea valorilor depinde de forma de atribut:
RECT. - stânga-X, o parte superioară-Y, dreapta-X, partea de jos-Y (adică primele coordonate ale colțul din stânga sus, apoi dreapta jos)
cerc. - Centru-X, centru-Y, gama (adică, coordonate orizontale și verticale ale centrului cercului și raza)
poli. - X1, Y1, X2, Y2. Xn, Yn (listează pur și simplu coordonatele tuturor vârfurile poligonului).
Text alternativ pentru selectarea, utilizarea browsere non-vizuale.
Numele zonei selectate este afișată într-un tooltip care apare atunci când treceți cursorul peste zona de desenare.
Valoarea acestui atribut ( „_top“, „_blank“, „_self“ sau „_parent“) determină care se deschide fereastra de document
Ca urmare, aceasta este ceea ce avem, poklikat Miniatură:
Ca un exemplu, în loc de a se referi Link 1. Am pus o legătură reală care duce la site-ul de felicitare. care recent a ajutat să facă același lucru cu alte voemu Anul Nou. Vezi exemplu din lumea reală a lucrării aici. Fiecare dintre imaginile miniatură de pe pagina de start conduce la o pagină web separată cu felicitări personale la o anumită persoană, și anume, imagine mică I S referință separată.
După cum vă puteți imagina, puteți face link-uri, ca absolute. și relativă. nu există nici o diferență.
Hărțile imagine sunt destul de comune și sunt folosite destul de des în practică, web-masterat. La urma urmei, după cum ați înțeles, ca referință, puteți crea o zonă destul de complex, în plus, pe același card, puteți amesteca întotdeauna și să aloce bucăți de orice formă.
concatenare Operation (conectare) în PHP.
Cum sa faci bani pe e-carti?
Cum de a schimba aspectul cursorului.
„Ascunderea“ contoare cu CSS.
lecții HTML
clase CSS
Articole
instrumente
Site-ul șabloane
cărți
ornamentare
Site-ul de la A la Z
Face bani online
Cheating pe Internet
protecția muncii
TIPAR MODULAR
PHP LECȚII
servicii
script-uri
SEO
jQuery
Condiții speciale de muncă (sud-est) - ARM
Sistemul de plăți pe Internet
Tutoriale Photoshop
secțiunea secretă
Cum sa faci bani online?
Creați Infobusiness dvs.
Vrei să câștigi?
2 Urovnevaja
Program de afiliere!
Alatura-te acum.
Modelul modular: catifea de lux roșu
Modular Abstractizarea model: energie solară
Modelul modular: trandafiri albastru
Modelul modular: Cascada
Modelul modular: Orchids
domeniul de înregistrare
"PK" LyuksStroy "
Dacă vă place
site-ul nostru, set
link-ul nostru. și
Ia-Cadouri.