En HTML, l'élément <img> est utilisé pour intégrer des images dans une page Web. Voici un exemple de base de la façon dont la balise <img> est utilisée :

HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image Example</title> </head> <body> <h1>My Web Page</h1> <img src="example.jpg" alt="A descriptive text about the image"> </body> </html>

Dans cet exemple :

  • La balise <img> est utilisée pour intégrer une image.
  • L'attribut src spécifie la source (URL ou chemin du fichier) de l'image. Dans ce cas, il s'agit de "exemple.jpg".
  • L'attribut alt fournit un texte alternatif pour l'image. Ce texte s'affiche si l'image ne peut pas être chargée ou à des fins d'accessibilité.

Il est important de toujours inclure l'attribut alt pour fournir un texte alternatif significatif pour l'accessibilité et le référencement.

Vous pouvez également définir la largeur et la hauteur de l'image à l'aide des attributs width et height :

HTML
<img src="example.jpg" alt="A descriptive text about the image" width="300" height="200">

De plus, vous pouvez utiliser l'attribut style pour appliquer des styles en ligne à l'image :

HTML
<img src="example.jpg" alt="A descriptive text about the image" style="border: 1px solid #ccc; padding: 10px;">

N'oubliez pas de remplacer "example.jpg" par le chemin ou l'URL réel de votre image.