Jak utworzyć mapę obrazu HTML?

Gdy link jest dodawany do obrazu w języku znaczników hipertekstu (HTML), link ten jest dodawany do całego obrazu.Może to stanowić problem, jeśli programista chce zrobić pojedynczy obraz z kilkoma obszarami lub przyciskami, a każdy obszar jest używany do innego linku.Mapa obrazu HTML umożliwia programistowi określenie niektórych obszarów, w których link się przejdzie, umożliwiając mu osadzenie kilku linków do jednego obrazu.Odbywa się to poprzez określenie kształtu linku i informowanie HTML, jakie współrzędne mają być używane do linku.

Obrazy używane w Internecie są mierzone w pikselach.Wiedza, ile pikseli jest na obrazie, jest pierwszym niezbędnym krokiem do stworzenia mapy obrazu.Na przykład stosuje się prostokątny obraz o wysokości 400 pikseli i szerokość 250 pikseli.Następnie programista musi wiedzieć, jak dokładnie zmierzyć kształt we współrzędnych, aby mapa obrazu HTML działała poprawnie.

Górny lewy róg nazywany jest 0,0 podczas korzystania z mapy obrazu HTML.W tym przypadku prawy dolny róg wyniósłby 250 400.Pomiary są wykonywane najpierw z szerokością, a następnie wysokością.Łatwym sposobem na myślenie jest to, że pierwszym pomiarem mówi HTML, jak daleko w prawo, aby przejść od lewej krawędzi, a drugie to, jak powiedzieć, ile pikseli w dół.Jeśli programista chce, aby punkt na mapie był 10 pikseli od lewej krawędzi i 50 pikseli w dół, współrzędne wyniesie 10,50.

Istnieją trzy różne kształty, które programista może wywołać mapę obrazu HTML: Rect, Circle Circlei wielokąt.Rect oznacza prostokąt, a programista musi najpierw wpisać współrzędne dla lewego górnego rogu, a następnie w prawym dolnym rogu.Okrąg jest określany przez wpisanie współrzędnych, w których zaczyna się okrąg, a następnie promień koła.Wielokąt jest tworzony przez wpisanie we wszystkich pięciu współrzędnych, od góry do prawej.

HTML Mapa Kodowanie mapy jest zgodne z tym:
lt; Map name ' test gt;
lt; obszar href ' url.html kształt ' reccles ' reccing '10,50,20,60 i gt;
lt; obszar href ' url.html kształt ' współrzędne koła ' 10,50,4 gt;
lt; obszar HREF ' URL.HTML Kształt ' współrzędne wielokąta ' 10,50,12,55,15 60,13,65,8,555 i gt;

Każda mapa obrazu HTML musi mieć nazwę, a sekcja URL.html to link, w którym ta sekcja mapy obrazu poprowadzi użytkownika, gdy będzie on lub ona kliknieTo.Gdy obraz jest umieszczony na stronie internetowej za pomocą HTML, programista musi napisać: usEMAP ' test.To pokaże obraz, jakiej mapy obrazu HTML użyć.