HDTutorial
DE
HTML-Tutorial 45 – So erstellen Sie eine Bildkarte mit mehreren Klickbereichen

Die Wiedergabe lädt den eingebetteten YouTube-Player (erweiterter Datenschutzmodus).

HTML-Tutorial 45 – So erstellen Sie eine Bildkarte mit mehreren Klickbereichen

217.172 Aufrufe 25. Oktober 2016 10:20

Auf YouTube ansehen
KanalChidre'sTechTutorials

Beschreibung des Urhebers

Wie kann man ein einziges Bild mit mehreren anklickbaren Bereichen in HTML gestalten? 🤔
In diesem Video lernst du, wie du Bildkarten mit den Tags <map> und <area> erstellst.

In diesem Anfänger-freundlichen Tutorial erfährst du:
✔ Was eine Bildkarte ist
✔ Wie das <map>-Tag funktioniert
✔ Wie du das <area>-Tag verwendest
✔ Verschiedene Formen (Rechteck, Kreis, Polygon)
✔ Wie du mehrere Bereiche in einem Bild verlinkst

Das ist Folge 45 des vollständigen HTML-Kurses 🚀

🎯 Vorheriges Video (Folge 44):

🎯 Nächstes Video (Folge 46):

🎯 Vollständige Playlist:

💡 Schnelle Tipps:
Nutze das Attribut usemap, um ein Bild mit anklickbaren Bereichen zu verknüpfen

🌐 Notizen:

🚀 Zertifizierung erlangen:

Über dieses Tutorial

Chidre'sTechTutorials hat dieses 10:20 lange Video-Tutorial am 25. Oktober 2016 veröffentlicht. Es wurde 217.172-mal auf YouTube angesehen.

Dauer
10:20
Veröffentlicht
25. Oktober 2016
Aufrufe
217.172
Likes
3.045

Teilen

Weiterführende Links

  • 4 Quick Steps To Make An Image Map In HTML (With Code Example) html.com

    Image maps are a pure-HTML way to hyperlink different parts of an image to different destination. Add in a free jQuery plugin and image maps render beautifully on all types of devices. Read this tutorial to learn how to…

  • HTML Image Maps - W3Schools Online Web Tutorials w3schools.com

    Image Maps. The HTML <map> tag defines an image map. An image map is an image with clickable areas. The areas are defined with one or more <area> tags.. Try to click on the computer, phone, or the cup of coffee in the i…

  • How to Create Image Maps in HTML? » WebNots webnots.com

    HTML Image Maps. The above example is the simple and easy way of linking a small image to the target URL, but most of the cases the image will be bigger in size and there is a need to connect more than one link with the…

Dieses Tutorial in anderen Sprachen