HDTutorial
FR
Tutoriel HTML 45 - Créer une carte d'image en HTML

La lecture charge le lecteur YouTube intégré (mode confidentialité renforcée).

Tutoriel HTML 45 - Créer une carte d'image en HTML

217 172 vues 25 octobre 2016 10:20

Voir sur YouTube
ChaîneChidre'sTechTutorials

Description de l’auteur

Comment faire pour qu’une seule image ait plusieurs zones cliquables en HTML ? 🤔
Dans cette vidéo, vous allez découvrir comment créer des cartes d’images avec les balises *map* et *area*.

Ce tutoriel accessible aux débutants vous apprendra à :
✔ Comprendre ce qu’est une carte d’image
✔ Utiliser la balise *map* pour la définir
✔ Maîtriser la balise *area* pour les zones cliquables
✔ Travailler avec différentes formes (rectangle, cercle, polygone)
✔ Lier plusieurs zones cliquables dans une seule image

Il s’agit de l’épisode 45 du cours complet sur le HTML 🚀

🎯 Vidéo précédente (Épisode 44) :

🎯 Vidéo suivante (Épisode 46) :

🎯 Playlist complète :

💡 Astuce rapide :
Utilisez l’attribut *usemap* pour relier une image à ses zones cliquables.

🌐 Remarques :

🚀 Obtenez une certification :

À propos de ce tutoriel

Chidre'sTechTutorials a publié ce tutoriel vidéo de 10:20 le 25 octobre 2016. Il a été vu 217 172 fois sur YouTube.

Durée
10:20
Publié le
25 octobre 2016
Vues
217 172
J’aime
3 045

Partager

Pour aller plus loin

  • HTML Image Maps - Tutorials, Codes, Tags web-source.net

    HTML Image Maps. HTML image maps are images that include clickable areas that link to different URLs. How to Create an Image Map. An image map can be created manually, within and HTML editor, online or using an image ma…

  • HTML Image Maps - Quackit Tutorials quackit.com

    Of course, the image must be available on the web first. You can either upload it or reference an existing image. It can be a photo, icon, logo, stock image, etc. Any image is fine. Add the Map. Use the HTML <map> tag t…

  • 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…

Ce tutoriel dans d’autres langues