Intégration des images - HTML

Balise img

Par défaut, on utilise la balise img.

<img src="img/image.jpg" alt="Description de l'image">

l'attribut **src ****définit le chemin vers le fichier
l'attribut alt contient un texte alternatif, habituellement **la description de l'image

Lorsque l'image illustre un propos du texte, on peut utiliser la balise figure et spécifier une légende avec la balise figcaption.

<figure>
  <img src="img/image.jpg" alt="Description de l'image">
  <figcaption>Légende de l'image</figcaption>
</figure>

Par défaut, l'image s'affiche dans sa taille originale.

On peut modifier ses dimensions avec la propriété CSS width.

<img src="img/image.jpg" class="image" alt="Description de l'image">

.image {
  width: 200px;
}

Si on souhaite que l'image s'adapte à la taille de son parent, on peut spécifier une largeur en %.

.image {
  width: 100%;
}

</aside>