La balise Image

La balise <img> est utilisée pour insérer des images dans une page HTML.

Elle est auto-fermante et donc ne nécessite pas de balise de fermeture.

Par contre, elle requiert 2 attributs pour bien fonctionner :

  • src (source) : cela permet de spécifier le chemin de l’image. Ce peut être un chemin relatif comme “image/photo.jpg” ou une URL.
  • alt (texte alternatif) : il fournit un texte alternatif pour l'image si, pour une raison quelconque, elle ne peut pas être affichée. Cet attribut est également crucial pour l'accessibilité, permettant aux lecteurs d'écran de décrire l'image aux utilisateurs malvoyants.
Thomas Anderson Identity
Photo d'identité de Mr Anderson

Ajoutons la photo de M. Anderson avec :

<img src="images/mr-anderson.jpg" alt="Photo de face de M. Anderson" />

Maintenant, il faut ajouter cette image dans le projet.

Suivez ces 3 étapes :