Karten-Tag in HTML

Bild des BildesKarteHyperlink,

Sie können es auch in HTML einfügen Das Bild ist in mehrere Hotspot-Bereiche unterteilt, und jeder Hotspot-Bereich ist mit Ressourcen auf verschiedenen Webseiten verknüpft. Der Kern dieses Effekts besteht darin, ein Bild in verschiedene Hotspot-Bereiche zu unterteilen und dann die Verknüpfung verschiedener Bereiche zu ermöglichen. Dies ist die Bildkarte. Um den Kartenbereichs-Hyperlink zu vervollständigen, werden drei Tags verwendet:

Das Verwendungsformat des Image Map-Tags :

                                                                         < Setzen Sie den Parameter usemap="#name of the picture" im img>-Tag, um eine

Referenz

auf die Bildzuordnung (Name des Bildes) anzugeben; >

...

   

【1】

Form – Hotspot-Form definieren

Form=Rechteck: Rechteck

Form=Kreis: Kreis

shape=poly: Polygon

【2】Koordinaten – Definieren Sie die Koordinaten des Flächenpunkts a. Rechteck: Es müssen vier Zahlen verwendet werden , die ersten beiden Zahlen sind die Koordinaten der oberen linken Ecke, die letzten beiden Zahlen sind die Koordinaten der unteren rechten Ecke

Beispiel: b. Kreis: erforderlich. Verwenden Sie drei Zahlen, die ersten beiden Zahlen sind die Koordinaten des Mittelpunkts des Kreises und die letzte Zahl ist die Radiuslänge

Beispiel: < ;area shape=circle coords=85,155,30 href="URL">

Beliebige Grafik (Polygon): Geben Sie die Koordinaten jedes Wendepunkts der Grafik der Reihe nach ein

Beispiel:

Hier ist ein Beispiel

　

　　

　　

　　

　

Beim Erstellen der in diesem Artikel vorgestellten Informationen Mehrere Punkte, die bei der Verwendung des Effekts beachtet werden sollten:

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

2. Alle Hotspot-Bereiche in derselben „Image Map“ müssen im Geltungsbereich der Image Map liegen, d. h. alle -Tags müssen innerhalb von < Between map> liegen. und ;

3. Das durch den Cords-Parameter im Tag Es kommt vor, dass der durch die Parameter festgelegte rechteckige Effektbereich die Scheitelpunktkoordinaten des in den Kordeln festgelegten polygonalen Bereichs ist.

Bildkarten-Hyperlink des Bildes, kurze Diskussion der Tags

In HTML können Bilder auch in mehrere Hotspot-Bereiche unterteilt werden, und jeder Hotspot-Bereich verlinkt auf Ressourcen auf verschiedenen Webseiten. Der Kern dieses Effekts besteht darin, ein Bild in verschiedene Hotspot-Bereiche zu unterteilen und dann die Verknüpfung verschiedener Bereiche zu ermöglichen. Dies ist die Bildkarte. Um den Kartenbereichs-Hyperlink zu vervollständigen, werden drei Tags verwendet:

Das Verwendungsformat des Image Map-Tags :

                                                                         < Setzen Sie den Parameter usemap="#name of the picture" im img>-Tag, um einen Verweis auf die Imagemap (Name des Bildes) anzugeben; 🎜>

                                                                                                                                                        coords=Bereichskoordinatenliste href="URL-Ressourcenadresse">

 …wie viele Hotspot-Bereiche nach Bedarf definiert werden können

 

【1】

shape – Hotspot-Form definieren

       shape=rect: Rechteck

              shape=circle:                                                                                       🎜>【2】Koordinaten – Definieren Sie die Koordinaten des Bereichspunkts

a. Rechteck: Es müssen vier Zahlen verwendet werden, die ersten beiden Zahlen sind die Koordinaten der oberen linken Ecke und die letzten beiden Zahlen sind die Koordinaten der unteren rechten Ecke

Beispiel:

Kreis: Es müssen drei Zahlen verwendet werden, die ersten beiden Zahlen sind die Koordinaten des Kreismittelpunkts, die letzte Zahl ist die Radiuslänge

Beispiel:

Beliebige Form (Polygon): Geben Sie die Koordinaten jedes Wendepunkts des Diagramms ein Nacheinander. Beispiel:

Hier ist ein Beispiel

　

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

1. Vergessen Sie nicht, die Parameter usemap und ismap festzulegen im -Tag und der Parameterwert von usemap muss mit dem Namensparameterwert im

liegen

　 3. Das durch den Cords-Parameter im -Tag festgelegte Koordinatenformat muss mit der Form des durch den Shape-Parameter festgelegten Aktionsbereichs übereinstimmen, um zu vermeiden, dass es im durch den Shape-Parameter festgelegten rechteckigen Aktionsbereich angezeigt wird In den Kordeln tritt jedoch das Phänomen der Scheitelpunktkoordinaten der Polygonfläche auf.

Das obige ist der detaillierte Inhalt vonKarten-Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!