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
Neue Blockbereichsfunktion von JavaScript ES
Inhaltsverzeichnis 1. Was ist Blockbereich? 2. Wa...
Docker-Bereitstellung von Implementierungsschritten für Flask-Anwendungen
1. Zweck Schreiben Sie lokal eine Flask-Anwendung...
So zeigen Sie JSON-Daten auf einer HTML-Seite an und formatieren sie
JSON-Daten werden auf der HTML-Seite angezeigt un...
Detaillierte Erklärung der Verwendung von Bildschirmbefehlen in Linux
GUN-Bildschirm: Offizielle Website: http://www.gn...
MySQL 5.6.27 Installations-Tutorial unter Linux
In diesem Artikel finden Sie das Installations-Tu...
Benutzerdefinierte Vue-Anweisungen zum Erzielen eines vierseitigen Streckungs- und diagonalen Streckungseffekts beim Ziehen von Popup-Fenstern
Einführung Die aktuellen Anforderungen des Untern...
Ein Artikel, der Ihnen hilft, die Grundlagen von VUE zu verstehen
Inhaltsverzeichnis Was ist VUE Kern-Plugins in Vu...
Eine kurze Analyse zum Verständnis von Vue-Komponenten aus einer objektorientierten Perspektive
Wenn dieselbe Funktion und derselbe HTML-Code meh...
Detailliertes Tutorial zur Installation einer MySQL-Datenbank in einer Linux-Umgebung
1. Installieren Sie die Datenbank 1) yum -y insta...
Detaillierte Erklärung der Verwendung des SS-Befehls in Linux in Kombination mit Zabbix zum Überwachen von Sockets
Inhaltsverzeichnis Vorwort 1. SS-Befehl 2. Gesamt...
Vue + Openlayer realisiert den Drag- und Rotationsverformungseffekt von Grafiken
Inhaltsverzeichnis Vorwort Ressourcen zum Thema E...
Linux führt jeden Tag eine automatische und geplante Sicherung der MySQL-Datenbank durch
Überblick Backup ist die Grundlage der Notfallwie...
Die Rolle von nextTick in Vue und mehrere einfache Anwendungsszenarien
Zweck Verstehen Sie die Rolle von nextTick und me...
Detailliertes Tutorial zur Installation von MySQL 5.7.20 auf RedHat 6.5/CentOS 6.5
Laden Sie das RPM-Installationspaket herunter Off...
Den Linux-Kernel erkunden: Die Geheimnisse von Kconfig
Erhalten Sie ein umfassendes Verständnis der Funk...