Lesson01_08 Image Map_Basic Tutorial

1. Bild-Hyperlink:
Das Format ist:

2. Was ist eine Imagemap?
Teilen Sie ein Bild in mehrere Bereiche auf, wobei jeder Bereich auf eine andere URL-Adresse verweist

3. So erstellen Sie eine Bildkarte
(1) Definieren Sie zunächst die Form, die Positionskoordinaten und die URL-Adressinformationen jedes Hotspot-Bereichs des Bildes.
Dieser Vorgang wird anhand des Tags erläutert, wobei das Namensattribut einen Namen für diese Hotspot-Zuordnung angibt.
(2) Jeder Bereich im Mapping im Bild-Hotspot wird mit dem -Tag beschrieben. Das Format des Koordinaten" href=" Der URL">HREF-Teil kann auch durch nohref dargestellt werden, was anzeigt, dass das Klicken in diesem Bereich ungültig ist. (3) Nachdem Sie es definiert haben, müssen Sie dem
Beispiel: Der Code lautet wie folgt:

Der Effekt ist wie folgt:

<map name=mymap>
<area shape="rect" coords="0,0,50,50" href="http://www.loncer.cn">
<area shape="rect" coords="0,50,150,50" href="http://www.thinkme.cn">
<area shape="rect" coords="50,0,100,50" href="http://www.sina.cn">
</map>
<img src="/upload/200729134227624.gif" usemap="#mymap">

Anleitung zum Festlegen des Formattributs:

rect definiert einen rechteckigen Bereich und das Koordinatenattribut wird auf die Koordinaten der oberen linken Ecke und der unteren rechten Ecke des Rechtecks ​​gesetzt. Jeder Koordinatenwert wird durch ein Vorzeichen getrennt.

Poly definiert einen Polygonbereich und der Einstellungswert des Koordinatenattributs ist der Koordinatenwert jedes Scheitelpunkts des Polygons.

cicle definiert einen kreisförmigen Bereich und die Einstellungswerte für das Koordinatenattribut sind kreisförmige Koordinaten und der Radius. Die ersten beiden sind Koordinaten und der letzte ist der Radius.

Beispiel: Der Code ist wie folgt: Der Effekt ist wie folgt: Beispiel: Der Code ist wie folgt: Der Effekt ist wie folgt: Beispiel: Der Code ist wie folgt: Der Effekt ist wie folgt: Beispiel: Der Code ist wie folgt: Der Effekt ist wie folgt: Beispiel: Der Code ist wie folgt: Der Effekt ist wie folgt: Beispiel: Der Code ist wie folgt: : Der Effekt ist wie folgt: Beispiel: Der Code ist wie folgt: Der Der Effekt ist wie folgt: