Pour insérer une image dans une page HTML, vous pouvez utiliser l’élément <img>. Voici comment faire :
Chemin de l’image (src) :
- L’attribut src spécifie le chemin (URL) vers l’image que vous souhaitez afficher.
- Assurez-vous que l’image est accessible à partir du même emplacement que votre page web.
- Exemple :
<img src="mon_image.jpg" alt="Description de l'image">
Texte alternatif (alt) :
- L’attribut alt fournit un texte alternatif pour l’image.
- Ce texte s’affiche si l’image ne peut pas être chargée (par exemple, en cas d’erreur dans l’URL de l’image) ou si l’utilisateur utilise un lecteur d’écran.
- Le texte alternatif doit décrire l’image.
- Exemple :
<img src="mon_image.jpg" alt="Fleurs dans un jardin">
Taille de l’image (largeur et hauteur) :
- Vous pouvez spécifier la largeur et la hauteur de l’image en utilisant l’attribut style ou les attributs width et height.
- Exemple avec l’attribut style :
<img src="mon_image.jpg" alt="Fleurs" style="width: 300px; height: 200px;">
- Exemple avec les attributs width et height :
<img src="mon_image.jpg" alt="Fleurs" width="300" height="200">
Conseil :
- Toujours spécifier la largeur et la hauteur de l’image pour éviter les problèmes d’affichage pendant le chargement de la page.
- Utilisez l’attribut alt pour rendre votre site accessible aux utilisateurs ayant des besoins spécifiques.
N’hésitez pas à personnaliser ces exemples en remplaçant “mon_image.jpg” par le chemin de votre propre image ! 😊
Commentaires
Enregistrer un commentaire
Merci pour ton message 🙂
Connectez-vous pour laisser un commentaire