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 :
<img>
est utilisée pour intégrer une image.src
spécifie la source (URL ou chemin du fichier) de l'image. Dans ce cas, il s'agit de "exemple.jpg".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.