Summary  
This chapter explains how to embed images in HTML using the <img> tag. It covers configuring the src, alt, width, height, and title attributes and using both external URLs and local file paths.  

General domain of usage  
Web development

Les images améliorent l'attrait visuel d'une page web et facilitent la transmission d'informations. En HTML, les images sont ajoutées à l'aide de la balise `<img>`.

## Insertion d'images
La balise `<img>` est auto-fermante et nécessite au moins deux attributs :
- `src` : l'emplacement du fichier image ;
- `alt` : texte alternatif pour l'accessibilité ou lorsque l'image ne peut pas être affichée.
```html
<img src="image.jpg" alt="Description of the image">
```




## Attributs d'image
- `src` : chemin ou URL de l'image (obligatoire) ;
- `alt` : texte de remplacement et description pour l'accessibilité ;
- `width` : définit la largeur de l'image ;
- `height` : définit la hauteur de l'image ;
- `title` : affiche une info-bulle au survol.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkltYWdlczwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aW1nCiAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zOTJmMjRhYy0wMTI2LTRjMzQtYTI4YS1mMmYyNmQxMjE5NmIvc2VjdGlvbi0zL3N0YXJ0dXAucG5nIgogICAgICBhbHQ9IlRoZSByb2NrZXQgaXMgZ2FpbmluZyBhbHRpdHVkZSIKICAgICAgd2lkdGg9IjEyOCIKICAgICAgaGVpZ2h0PSIxMjgiCiAgICAgIHRpdGxlPSJSb2NrZXQgcHJlc2VydmluZyBzdGFydHVwIGxhdW5jaCIKICAgIC8+CiAgPC9ib2R5Pgo8L2h0bWw+

- La balise `<img>` insère une image sur une page web ;
- L'attribut `src` spécifie l'URL source du fichier image ;
- L'attribut `alt` définit le texte alternatif de l'image ;
- L'attribut `width` définit la largeur de l'image ;
- L'attribut `height` définit la hauteur de l'image ;
- L'attribut `title` fournit des informations supplémentaires sur l'image.

Quelle balise est utilisée pour insérer des images dans un document HTML ?

Quel attribut est requis pour que la balise `<img>` affiche l'image ?

Que fournit l'attribut `alt` pour une image ?

Que se passe-t-il si l'image spécifiée dans l'attribut `src` ne peut pas être chargée ?

Construire des pages web structurées en utilisant HTML. Créer du contenu textuel, des liens, des listes, des images, des tableaux et des formulaires, et organiser l'ensemble avec des éléments sémantiques pour obtenir une page complète.

Travailler Avec des Images en HTML

Insertion d'images

Attributs d'image

1. Quelle balise est utilisée pour insérer des images dans un document HTML ?

2. Quel attribut est requis pour que la balise `<img>` affiche l'image ?

3. Que fournit l'attribut `alt` pour une image ?

4. Que se passe-t-il si l'image spécifiée dans l'attribut `src` ne peut pas être chargée ?

Travailler Avec des Images en HTML

Insertion d'images

Attributs d'image

Travailler Avec des Images en HTML

Insertion d'images

Attributs d'image

1. Quelle balise est utilisée pour insérer des images dans un document HTML ?

2. Quel attribut est requis pour que la balise <img> affiche l'image ?

3. Que fournit l'attribut alt pour une image ?

4. Que se passe-t-il si l'image spécifiée dans l'attribut src ne peut pas être chargée ?

Travailler Avec des Images en HTML

Insertion d'images

Attributs d'image

2. Quel attribut est requis pour que la balise `<img>` affiche l'image ?

3. Que fournit l'attribut `alt` pour une image ?

4. Que se passe-t-il si l'image spécifiée dans l'attribut `src` ne peut pas être chargée ?