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
Verwenden Sie @font-face, um Sonderzeichen auf Webseiten zu implementieren (benutzerdefinierte Schriftarten erstellen)
Vor einigen Tagen habe ich einen Artikel über die...
Umfassende Erklärung zu dynamischem SQL von MyBatis
Inhaltsverzeichnis Vorwort Dynamisches SQL 1. Sch...
Die automatische Inkrementierung der Primärschlüssel-ID von MySQL wird auf diese Weise nicht verarbeitet
Die automatische Inkrementierung der Primärschlüs...
CSS-Implementierungscode für verzerrte Schatten
Dieser Artikel stellt den Implementierungscode vo...
Wie installiert und verbindet man Navicat in MySQL 8.0.20 und worauf muss man achten?
Dinge zu beachten 1. Zunächst müssen Sie im MySQL...
Vue implementiert Baumtabelle durch Elementbaumsteuerung
Inhaltsverzeichnis Implementierungs-Effekt-Diagra...
Vergleich der Effizienz verschiedener Methoden zum Löschen von Dateien in Linux
Testen Sie die Effizienz des Löschens einer große...
So richten Sie einen URL-Link im Nginx-Server ein
Websites mit einer Architektur wie LNMP werden im...
Eine kurze Diskussion zur Verwendung von React.FC und React.Component
Inhaltsverzeichnis 1. Reagieren.FC<> 2. Kla...
Informationen zur Layoutmethode für Inhaltsüberlauf in Tabellen
Was ist Inhaltsüberlauf? Wenn tatsächlich viel Te...
Apache Log4j2 meldet eine Sicherheitslücke auf Nuklearebene und eine schnelle Lösung
Apache Log4j2 meldete eine Sicherheitslücke auf n...
So verwenden Sie Linux-Befehle zum Konvertieren und Zusammenfügen von Audioformaten
Installieren Sie FFmpeg flac eric@ray:~$ sudo apt...
Schritte zum Erstellen eines CentOS-Containers über Docker
Inhaltsverzeichnis Vorwort Erstellen Sie ein Brüc...
Prozessdiagramm zur Implementierung des CentOS-IP-Verbindungsnetzwerks
1. Melden Sie sich beim System an und geben Sie d...
Eine kurze Einführung in die einfache Verwendung der CentOS7-Firewall und offener Ports
Übersicht (offiziell gibt es eine ausführlichere ...