Einführung in die Verwendung von HTML-Bereichsbild-Hotspots mit einer Liste verwandter Attribute_HTML/Xhtml_Webseitenproduktion

Das

-Tag wird hauptsächlich in Imagemaps verwendet. Über dieses Tag kann der aktive Bereich (auch Hotspot genannt) in der Imagemap festgelegt werden, sodass der Benutzer die Maus auf den angegebenen aktiven Bereich bewegt und klickt, wird automatisch ein Link zur voreingestellten Seite angezeigt. Die grundlegende Syntaxstruktur lautet wie folgt:



class and id: angeben hot Spots bzw. den Typ und die ID-Nummer.

alt: Alternativer Text zum Festlegen von Hotspots.

href: wird verwendet, um die mit dem Hotspot verknüpfte URL-Adresse festzulegen.

Form und Koordinaten: sind die beiden Hauptparameter, die zum Festlegen der Form und Größe des Hotspots verwendet werden. Die grundlegende Verwendung ist wie folgt:

bedeutet, dass die Form des Hotspots auf ein Rechteck und die Koordinaten festgelegt werden des Scheitelpunkts der oberen linken Ecke sind (X1, y1), die Koordinaten des Scheitelpunkts der unteren rechten Ecke sind (X2, y2).

Gibt an, dass die Form des Hotspots auf einen Kreis eingestellt ist, die Mittelpunktskoordinaten sind (X1, y1) , und der Radius ist r.

gibt an, dass die Form des Hotspots auf ein Polygon und die Koordinaten jedes einzelnen festgelegt ist Scheitelpunkte sind (X1,y1), (X2,y2), (x3,y3)….

Bemerkungen: Die Positionen von x1, y1, x2, y2 werden anhand des Bildes bestimmt, nicht anhand der Größe des Fensters.

markiert den Aktionsbereich in der Bildkarte, daher muss der Aktionsbereich, den es teilt, innerhalb des Bereichs der Bildkarte liegen, daher muss zuvor HTML verwendet werden Verwenden Sie die Markierung , um den Bereich der Imagemap festzulegen und einen Namen für die angegebene Imagemap festzulegen. Kartenname="Bildkartenname"> .... .. .

Das Folgende ist ein Beispiel, um die Verwendung dieser beiden Tags zu veranschaulichen:

Hier ist ein Bild eines neuen Bücherregals. Der Effekt ist: wenn die Maus auf das Buch „Website-Verzeichnis“ klickt. Wenn Sie mit der Maus auf das Buch „Website Design Guide“ klicken, wird ein neues Fenster geöffnet, in dem die Einführung zum Buch und die Bestellseite (urlall.htm) angezeigt werden Zum Buch „Web Page Skills Encyclopedia“ wird ein neues Fenster geöffnet, in dem eine Einführung in das Buch und die Bestellwebseite (pagejqlall.htm) angezeigt werden. Produktionsmethode:

1. Fügen Sie das Bild ein, legen Sie die relevanten Parameter des Bildes fest und legen Sie den Parameter usemap="newbook" ismap im Tag fest, um einen Verweis auf die Bildkarte (newbook) anzugeben );

2. Verwenden Sie die Markierung

Kopieren Sie den CodeDer Code lautet wie folgt:

Einige Punkte, die beim Erstellen der in diesem Artikel vorgestellten Effekte beachtet werden sollten:

1. Vergessen Sie nicht, die Parameter usemap und ismap in der Markierung festzulegen von usemap muss derselbe sein wie der