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
https://upload.wikimedia.org/wikipedia/commons/4/4f/Kitty_emoji.png.
Ta da! Vous avez appris tout ce qu'il y a pour ajouter des images avec Markdown !
A la prochaine leçon !