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
Detaillierte Erklärung zur Verwendung von Bussen in Vue
Vue-Busmechanismus (Bus) Zusätzlich zur Verwendun...
Tutorial zur grafischen Installation der MySQL 8.0.15 WinX64-Dekomprimierungsversion
Jedes Mal, wenn ich das System installiert habe, ...
Ausführliche Erläuterung des globalen Status des WeChat-Applets
Vorwort Im WeChat-Applet können Sie globalData vo...
Der Prozess der schnellen Konvertierung eines MySQL-Left-Joins in einen Inner-Join
Während des täglichen Optimierungsprozesses stell...
So deaktivieren Sie die Klartextanzeige und die Schnelllöschfunktion von IE10
IE10 bietet eine Schaltfläche zum schnellen Lösche...
MySQL-Datenbankindizes und -Transaktionen
Inhaltsverzeichnis 1. Inhaltsverzeichnis 1.1 Konz...
Basiswissen: Was bedeutet http vor einer Website-Adresse?
Was ist HTTP? Wenn wir eine Website durchsuchen m...
14 Techniken für leistungsstarke Websites
Original : http://developer.yahoo.com/performance...
Docker-Container erklärt ausführlich, wie man das Image vereinfacht und die Größe reduziert
Inhaltsverzeichnis 1. Reduzieren Sie die Anzahl d...
TypeScript-Dekorator-Definition
Inhaltsverzeichnis 1. Konzept 1.1 Definition 1.2 ...
Befehl zum Entfernen (Löschen) eines symbolischen Links in Linux
Möglicherweise müssen Sie in Linux manchmal symbo...
So verwenden Sie mysqladmin, um die aktuellen TPS und QPS einer MySQL-Instanz abzurufen
mysqladmin ist ein offizielles MySQL-Clientprogra...
Detaillierte Erklärung des Unterschieds zwischen Flex und Inline-Flex in CSS
inline-flex ist dasselbe wie inline-block. Es ist...
So verwenden Sie den VIM-Editor unter Linux
Als leistungsstarker Editor mit umfangreichen Opt...
Nginx-Konfiguration: Trennung von PC-Site und mobiler Site zur Realisierung der Umleitung
Verwenden Sie nginx, um die Trennung von PC-Site ...