So verwenden Sie den HTML-Bereichsbild-Hotspot

Dieses Mal zeige ich Ihnen, wie Sie den HTML-BereichBild-Hotspot verwenden und welche Vorsichtsmaßnahmen für die Verwendung des HTML-Bereichs-Bild-Hotspots gelten. Das Folgende ist ein praktischer Fall Schauen Sie mal rein. Das

-Tag wird hauptsächlich für die Bild-Karte verwendet. Dieses Tag kann verwendet werden, um den Wirkungsbereich (auch Hotspot genannt) in der Bildkarte festzulegen Wenn der Benutzer die Maus auf den angegebenen Aktionsbereich bewegt, wird er automatisch mit der voreingestellten Seite verknüpft. Die grundlegende Syntaxstruktur lautet wie folgt:

<area class=type id＝Value href＝url alt＝text shape＝area-shape coods＝value>

Klasse und ID: Geben Sie den Typ bzw. die ID-Nummer des Hotspots an.

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, mit denen die Form und Größe des Hotspots festgelegt wird. Die grundlegende Verwendung ist wie folgt:

<area shape="rect" coords="x1, y1,x2,y2" href=url>表示设定热点的形状为矩形，左上角顶点坐标为（X1,y1），右下角顶点坐标为（X2,y2）。 
<area shape="circle" coords="x1, y1,r" href=url>表示设定热点的形状为圆形，圆心坐标为（X1,y1），半径为r。 
<area shape="poligon" coords="x1, y1,x2,y2 ......" href=url>表示设定热点的形状为多边形，各顶点坐标依次为（X1,y1）、（X2,y2）、（x3,y3） ......。

Hinweis: x1, y1, x2, y2 Die Positionen dieser Punkte werden basierend auf dem Bild und nicht auf der Größe des Fensters bestimmt.

-Markierung teilt den Aktionsbereich in der Bildkarte, daher muss der Aktionsbereich, den es teilt, innerhalb des Bereichs der Bildkarte liegen, also vor der Verwendung von wird verwendet, um den Umfang 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, um die Einführung und die Bestellseite (urlall.htm) zu diesem Buch anzuzeigen .htm); wenn die Maus auf das Buch „Web Page Skills Encyclopedia“ klickt, wird ein neues Fenster geöffnet, um die Einleitung und die Bestellseite des Buches anzuzeigen (pagejqlall.htm). 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 fest, um das Zitat2. Verwenden Sie das Tag

1. Vergessen Sie nicht, die Parameter usemap und ismap im Tag festzulegen. Der Parameterwert von usemap muss mit dem Parameterwert name im Tag

Das obige ist der detaillierte Inhalt vonSo verwenden Sie den HTML-Bereichsbild-Hotspot. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!