Si vous savez comment créer des liens dans Markdown, vous pouvez aussi créer des images. La syntaxe est presque la même.
Les images ont aussi deux styles, tout comme les liens, les deux images ont exactement le même rendu. La différence entre les liens et les images est que les images
sont précédées d'un point d'exclamation ( ! ).
Le premier style d'image s'appelle un lien d'image dans la ligne (inline image link) . Pour créer un fichier en ligne
entrez un point d'exclamation ( ! ), enveloppez le texte alt entre parenthèses ( [ ] ), puis enveloppez le lien
entre parenthèses ( ( )) ). (Le texte alternatif est une expression ou une phrase qui décrit l'attribut
pour les malvoyants).
Par exemple, pour créer un lien image en ligne vers https://octodex.github.com/images/bannekat.png, avec un texte alt
qui dit, Benjamin Bannekat, que vous écrirez ça en Markdown : .
Dans la case ci-dessous, dirigez le lien vers une image, et remplissez les crochets de texte alt. pour dire "Un joli tigre" :
Merveilleux !
Bien que vous n'ayez pas besoin d'ajouter du texte alt, cela rendra votre contenu plus accessible à votre public, y compris les personnes ayant une déficience visuelle, qui utilisent des lecteurs d'écran ou qui n'ont pas de connexion Internet haute vitesse.
Pour une image de référence, vous suivrez le même modèle qu'un lien de référence.
Vous précéderez le markdown d'un point d'exclamation, puis fournissez deux crochets
pour le texte alt, puis deux autres pour la balise image, comme ceci : [Le père fondateur][Pere] Au bas de votre démarque
vous définirez une image pour la balise, comme ceci : [Pere] : http://octodex.github.com/images/founding-father.jpg.
Dans la boîte ci-dessous, nous avons commencé à placer quelques images de référence ; vous allez
devoir les compléter, tout comme pour la dernière leçon. Appeler la première étiquette de référence "Noir", et construisez lui un lien vers https://upload.wikimedia.org/wikipedia/commons/a/a3/81_INF_DIV_SSI.jpg ; créez le
second lien image vers http://icons.iconarchive.com/icons/google/noto-emoji-animals-nature/256/22221-cat-icon.png.
Ta da! Vous avez appris tout ce qu'il y a pour ajouter des images avec Markdown !
A la prochaine leçon !