Heim > Web-Frontend > HTML-Tutorial > Karten-Tag-Beschreibung in HTML

Karten-Tag-Beschreibung in HTML

高洛峰
Freigeben: 2017-03-12 17:21:51
Original
2701 Leute haben es durchsucht

Dieser Artikel stellt die Beschreibung des Map-Tags in HTML vor

Der Image-Map-Hyperlink des Bildes, eine kurze Diskussion des -Tags

Sie können auch Teilen Sie Bilder in HTML in mehrere Hotspot-Bereiche auf. Jede Hotspot-Domäne verweist 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: Im Folgenden finden Sie eine Einführung in die Verwendung dieser Tags:

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; >

                                                                                                                                             Area Shape = Shape COORDS = Area Bid List HRF = „URL Resource Address“ & GT ;

...

【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

Planeten

 

  Venus

  Merkur

  Sonne

 


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 identisch sein " muss konsistent sein;

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 ; Es kommt vor, dass der durch die Parameter festgelegte rechteckige Effektbereich die Scheitelpunktkoordinaten des in den Kordeln festgelegten polygonalen Bereichs ist.


Der Imagemap-Hyperlink des Bildes, eine kurze Erläuterung des -Tags

In HTML kann das Bild auch in mehrere Hotspot-Bereiche unterteilt werden, Jeder Hotspot-Bereich enthält Links zu 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 Kartenbereich-Hyperlink zu vervollständigen, werden drei Tags verwendet: Im Folgenden wird die Verwendung dieser Tags beschrieben:

Das Verwendungsformat des Image Map-Tags:

    

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage