Beispiel für die Verwendung von UserMap in IMG

Beispiel für die Verwendung von UserMap in IMG
usemap ist ein Attribut des <img>-Tags, das verwendet wird, um den Namen der zu verwendenden Imagemap anzugeben.

Die Karte im Abschnitt #Map ist eine Imagemap, die mit dem Tag <map> definiert ist. Ihr Namensattribut ist Map, das wie folgt definiert ist:

Code kopieren
Der Code lautet wie folgt:

<map name="Karte">
<Bereichsform=Rechteckkoordinaten="100,100,200,200" href="test1.html">
<Bereichsform=Rechteckkoordinaten="200,100,300,200" href="test2.html">
...
</Karte>

Bei Verwendung von:

Code kopieren
Der Code lautet wie folgt:

<img src="test.gif" usemap="#Karte">

Die Imagemap unterteilt ein Bild in mehrere Bereiche. Durch Klicken auf die verschiedenen Bereiche gelangen Sie zu unterschiedlichen Seiten.

Um ein Client-Image zu erstellen, muss ein neues Attribut USEMAP wie folgt hinzugefügt werden:

Code kopieren
Der Code lautet wie folgt:

<IMG SRC="Kartenname.gif" USEMAP="#Abschnittsname">

Das USEMAP-Attribut (Use Image) akzeptiert einen Hyperlink im Blockstil, sodass Bilddefinitionsinformationen in derselben HTML-Datei gespeichert werden können.

Code kopieren
Der Code lautet wie folgt:

<IMG src="Bilder/index-top.jpg" border="0" usemap="#Karte" id="IMG1" onclick="return IMG1_onclick()">
<MAP name="Karte">
<AREA shape="rechteck" coords="224,95,307,125" href="default.aspx">
<AREA shape="rect" coords="326,96,407,123" href="Cart.aspx">
<AREA shape="rect" coords="426,96,503,125" href="Mitgliedschaft/UserLogin.aspx">
<AREA shape="rechteck" coords="525,96,609,125" href="Admin/default.aspx">
</MAP>

<<:  Mehrere Methoden zur Lösung des Problems des MySQL-Fuzzy-Abfrageindexfehlers

>>:  Detaillierte Erklärung von Cgroup, dem Kernprinzip von Docker

Artikel empfehlen

Beispiel für einen Persistenzbetrieb mit Gearman + MySQL

Dieser Artikel verwendet die Gearman+MySQL-Method...

5 Befehle zur Verwendung des Rechners in der Linux-Befehlszeile

Hallo zusammen, ich bin Liang Xu. Bei der Verwend...

VMware vsphere 6.5 Installationstutorial (Bild und Text)

vmware vsphere 6.5 ist die klassische Version der...

Analyse von SQL-Integritätsbeschränkungsanweisungen in der Datenbank

Integritätsbeschränkungen Integritätsbedingungen ...

...

Kurze Analyse der verschiedenen Versionen des mysql.data.dll-Treibers

Hier ist der MySQL-Treiber mysql.data.dll Beachte...

Detaillierte Erklärung der Kodierungsprobleme bei MySQL-Befehlszeilenoperationen

1. Überprüfen Sie die MySQL-Datenbankkodierung my...

Zusammenfassung und Analyse häufig verwendeter Docker-Befehle und Beispiele

Inhalt 1. Container-Lebenszyklusmanagement (1) Do...

VM VirtualBox virtuelle Maschine mounten freigegebenen Ordner

Eine Umgebung Installieren Sie VMware Tools auf C...

Detaillierte Anwendung des dynamischen Vue-Formulars

Überblick Es gibt viele Formularanforderungen im ...

Vue implementiert die Lupenfunktion der Produktdetailseite

In diesem Artikel wird der spezifische Code von V...

Unterschiede im Stundentrennzeichen zwischen Browsern

Beim Erstellen einer Webseite verwenden Sie manchm...