Heim > Web-Frontend > HTML-Tutorial > Ausführliche Erklärung zum Erstellen einer Bildzuordnung des -Tags in HTML

Ausführliche Erklärung zum Erstellen einer Bildzuordnung des -Tags in HTML

黄舟
Freigeben: 2017-08-11 13:33:01
Original
2428 Leute haben es durchsucht

Der folgende Code dient zum Erstellen einer Bildzuordnung für das Bild und ich hoffe, er kann auch Freunden helfen, die es später lernen werden.

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="poly" coords="23,58,8,59,40,70" alt="Venus" href="venus.htm">
</map>
Nach dem Login kopieren

Die Form in diesem Code bezieht sich auf die Form des Klickbereichs, und die Koordinaten sollten sich auf die Koordinaten des Linkbereichs im Bild (in Pixeln) beziehen.

Form
1. Rechteck Die Koordinaten sind (x1, y1) und die Koordinaten des unteren rechten Eckpunkts sind (x2, y2)
2. Kreis: (Die Mitte Die Koordinate ist (X1, y1), der Radius ist r)
3. Polygon: (jeder Scheitelpunkt Die Koordinaten sind (x1,y1), (x2,y2), (x3,y3)...)

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Erstellen einer Bildzuordnung des -Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage