Liens, images, audio et vidéo

Un site web devient utile quand il relie du contenu et intègre des médias accessibles.

Créer des liens

Lien interne et lien externe
<a href="contact.html">Page contact</a>
<a href="https://developer.mozilla.org/" target="_blank" rel="noreferrer">Documentation MDN</a>

Afficher une image

Image avec texte alternatif
<img src="images/html-logo.png" alt="Logo HTML orange en forme de bouclier" width="240">

Audio et vidéo

Lecteurs média HTML
<audio controls>
  <source src="sons/intro.mp3" type="audio/mpeg">
  Votre navigateur ne prend pas en charge l’audio.
</audio>

<video controls width="640">
  <source src="videos/demo.mp4" type="video/mp4">
  Votre navigateur ne prend pas en charge la vidéo.
</video>
À retenir : pour les images, renseigne alt. Pour la vidéo et l’audio, pense à fournir un contenu de secours ou des sous-titres.