Aide-mémoire Liens et Images

Syntaxe des liens

Liens en ligne

[Texte du lien](https://www.markdownlang.com)
[Lien avec titre](https://www.markdownlang.com "Titre du lien")

Liens de référence

[Texte du lien][ref]
[Texte du lien][]

[ref]: https://www.markdownlang.com "Titre optionnel"
[Texte du lien]: https://www.markdownlang.com

Liens automatiques

<https://www.markdownlang.com>
<email@example.com>

Liens d'ancre

[Aller au titre](#heading-name)
[Retour en haut](#top)

Syntaxe des images

Images en ligne

![Texte alternatif](image.jpg)
![Texte alternatif](image.jpg "Titre de l'image")

Images de référence

![Texte alternatif][img-ref]

[img-ref]: image.jpg "Titre optionnel"

Images cliquables

[![Texte alternatif](image.jpg)](https://www.markdownlang.com)

Spécifier la taille

<img src="image.jpg" alt="Texte alternatif" width="300" height="200">

Combinaisons courantes

Image liée

[![Logo du projet](logo.png)](https://github.com/user/repo)

Image centrée

<div align="center">
  <img src="image.jpg" alt="Description">
</div>

Images côte à côte

<img src="img1.jpg" width="48%"> <img src="img2.jpg" width="48%">

Bonnes Pratiques

Type	Suggestion	Exemple
Texte du lien	Utiliser un texte descriptif	✅ [Guide Utilisateur]()
Texte du lien	Éviter "cliquez ici"	❌ [Cliquez ici]()
Fichier image	Utiliser un chemin relatif	✅ ./images/pic.jpg
Texte alternatif	Décrire le contenu de l'image	✅ ![Capture UI]()
Format de fichier	Formats adaptés au web	✅ JPG, PNG, WebP

Sortie HTML

Markdown	HTML
[texte](url)	<a href="url">texte</a>
	<img src="img" alt="alt">
<url>	<a href="url">url</a>

Erreurs courantes

❌ Exemples incorrects :
[Link(https://www.markdownlang.com)     ← Parenthèse droite manquante
![Image](image.jpg             ← Parenthèse droite manquante
[ Lien ]( https://www.markdownlang.com ) ← Espaces inutiles

✅ Exemples corrects :
[Link](https://www.markdownlang.com)
![Image](image.jpg)
[Link](https://www.markdownlang.com)