Table des matières

Images

HTML - médias

Images

L'insertion d'image peut se faire avec la balise auto-fermante img :

<img src="images/chaton.webp" alt="Un chaton"/>

Alt

L'attribut alt doit être présent pour fournir un texte alternatif à l'image.

<img src="images/dinosaur.jpg"
     alt="The head and torso of a dinosaur skeleton;
          it has a large head with long sharp teeth">

Le texte alternatif est utile :

Si l'image n'est pas chargée (introuvable ou désactivée par l'internaute),
pour le référencement,
pour faciliter la navigation des personnes mal voyantes.

Title

La propriété title permet d'afficher une infobulle au survol de l'image par la souris.

Legend et caption

<figure>
  <img src="images/dinosaur.jpg"
        alt="The head and torso of a dinosaur skeleton;
            it has a large head with long sharp teeth"
        width="400"
        height="341">

  <figcaption>A T-Rex on display in the Manchester University Museum.</figcaption>
</figure>

The head and torso of a dinosaur skeleton;
it has a large head with long sharp teeth — A T-Rex on display in the Manchester University Museum.

Image background en css

voir MSDN background-image

Responsive images

Inégrer des images adaptatives

Audio et vidéo

voir MSDN audio and video