La balise `picture` en HTML est utilisée pour incorporer une image dans un document HTML. Cette balise est particulièrement utile lorsque vous voulez utiliser différentes images en fonction de la taille de l’écran ou du type d’appareil utilisé pour visualiser la page.
Voici un exemple de base de l’utilisation de la balise `picture`:
```
```
Dans cet exemple, trois images différentes sont spécifiées à l’aide de la balise `source` :
- `img_large.jpg` sera affiché si la largeur de l’écran est de 650px ou plus.
- `img_medium.jpg` sera affiché si la largeur de l’écran est de 465px ou plus mais moins de 650px.
- Si aucune des conditions `media` ne sont remplies (par exemple, si la largeur de l’écran est inférieure à 465px), l’image `img_small.jpg` sera affichée à la place.
La balise `img` est nécessaire à l’intérieur de la balise `picture` pour servir d’image de secours pour les navigateurs qui ne supportent pas la balise `picture`.
L’attribut `alt` fournit un texte alternatif pour l’image si elle ne peut pas être affichée, ce qui améliore l’accessibilité de votre site Web.
