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>
| 
|
Image background en css
Responsive images
Inégrer des images adaptatives
Audio et vidéo
voir MSDN audio and video
jcheron