Der <area>-Tag definiert einen Bereich in einer Imagemap (Hinweis: Eine Imagemap ist ein Bild mit anklickbaren Bereichen). Das Bereichselement ist immer in einem <map>-Tag verschachtelt. Hinweis: Das Usemap-Attribut im <img>-Tag wird mit dem Elementnamenattribut <map> verknüpft, um eine Verknüpfung zwischen dem Bild und der Karte herzustellen. Das Usemap-Attribut in <img> kann entweder auf das ID- oder das Name-Attribut in <map> verweisen (wird vom Browser festgelegt), daher müssen wir sowohl das ID- als auch das Name-Attribut zu <map> hinzufügen. Eigenschaftswert: href: Klicken Sie auf den Link, um zum Bereich zu springen. alt: Die Meldung, die angezeigt wird, wenn das Bild nicht normal angezeigt werden kann. Form & Koordinaten: 1. Distanzform: (die Koordinaten des oberen linken Scheitelpunkts sind (x1, y1) und die Koordinaten des unteren rechten Scheitelpunkts sind (x2, y2)) <Bereichsform="Rechteck" Koordinaten="x1,y1,x2,y2" href=url> 2. Kreis: (Mittelpunktkoordinaten sind (X1, y1), Radius ist r) <Bereichsform="Kreis" Koordinaten="x1,y1,r" href=url> 3. Polygon: (die Koordinaten jedes Scheitelpunkts sind (x1, y1), (x2, y2), (x3, y3)...) <Bereichsform="Poly" Koordinaten="x1,y1,x2,y2 ......" href=url> Zusammenfassen Oben finden Sie eine ausführliche Erläuterung des vom Editor eingeführten HTML-Bereichs-Tags. Ich hoffe, dass es für alle hilfreich ist. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken! |
<<: Beispiele für zwei Möglichkeiten zur Implementierung einer horizontalen Bildlaufleiste
>>: Installieren Sie .NET 6.0 im CentOS-System mithilfe eines Cloud-Servers
Inhaltsverzeichnis Überblick Unterabfragen Untera...
Verwenden Sie div, um eine Maske zu erstellen oder...
Durch die Verwendung von iFrames können problemlo...
Vorwort In diesem Artikel verwenden wir Docker, u...
Was ist ein Profil? Wir können es verwenden, wenn...
Hintergrund Da ich alle meine Aufgaben auf Docker...
Verwenden Sie natives JavaScript, um den Countdow...
Da das Team Front-End und Back-End trennt, überni...
Oftmals wird nach der Fertigstellung eines Webdes...
Das Anzeigen und Interpretieren von Informationen...
brauchen Nachdem der Benutzer das Formular ausgef...
1 Frage Der Server des Unternehmens verwendet Apa...
Die Pfeilfunktion ist eine neue Funktion in ES6. ...
Inhaltsverzeichnis Schritt 1: Installation Schrit...
1. Beschreiben Sie kurz die traditionelle LRU-ver...