Utilisation de la balise HTML <img> pour afficher une image

La balise HTML <img> est utilisée pour intégrer une image dans une page web. Cette balise est correcte selon le quiz question, et elle est généralement utilisée dans le codage HTML.

La balise <img> est vide, ce qui signifie qu'elle ne contient pas de contenu et est généralement fermée en elle-même. Les informations sur l'image, comme sa source (src), son texte alternatif (alt), sa largeur (width) et sa hauteur (height), sont fournies sous forme d'attributs.

Voici un exemple d'utilisation de la balise <img> :

<img src="url_de_l_image" alt="description de l'image">

Dans cet exemple, src contient l'URL de l'image que vous souhaitez afficher, et alt contient une description de l'image. La description est utile pour les référenceurs, car elle aide à comprendre le contenu de l'image, et elle est également affichée si l'image ne peut pas être chargée pour une raison quelconque.

Il convient également de noter que bien que la balise <picture> soit mentionnée comme une option incorrecte dans le quiz, elle peut être utilisée pour fournir plusieurs versions d'une image pour différents appareils ou tailles d'écran en utilisant plusieurs éléments <source> à l'intérieur. La balise <img> est ensuite utilisée comme repli si aucun des éléments <source> ne correspond.

Voici un exemple :

<picture>
  <source media="(min-width: 650px)" srcset="image-pour-desktop.jpg">
  <source media="(min-width: 465px)" srcset="image-pour-mobile.jpg">
  <img src="image-pour-desktop.jpg" alt="Description de l'image">
</picture>

Dans cet exemple, différentes images sont fournies pour les écrans de bureau et les mobiles. Si aucun des critères n'est respecté, l'image pour le bureau est utilisée par défaut.

En résumé, la balise <img> est un outil essentiel dans le codage HTML pour afficher des images. Elle fournit un grand contrôle sur la façon dont les images sont affichées et interprétées par les navigateurs et les référenceurs.