📄 Résumé : La balise <img> en HTML

La balise est utilisée pour insérer des images dans une page web. Elle est auto-fermante, ce qui signifie qu’elle ne nécessite pas de balise de fermeture.

🔧 Attributs essentiels

src : définit le chemin de l’image (local ou distant)

alt : texte alternatif affiché si l’image ne peut pas être chargée

📁 Exemple avec une image locale dans un sous-dossier

Si ton image est stockée dans un dossier nommé images :

<img src="images/photo.jpg" alt="Photo locale">

➡️ Le navigateur va chercher le fichier photo.jpg dans le sous-dossier images situé au même niveau que le fichier HTML.

🌐 Exemple avec une image en ligne

<img src="https://example.com/images/paysage.jpg" alt="Paysage en ligne">

➡️ L’image est chargée depuis une URL externe. Cela permet d’utiliser des images hébergées sur d’autres serveurs.

✅ Bonnes pratiques

• Toujours inclure l’attribut alt pour l’accessibilité
• Modifier la taille à l'aide du CSS pour optimiser la rapidité du site
• Utiliser des formats adaptés : .jpg, .png, .webp, etc.