Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Utilisation des Images en HTML | Images et Médias
Principes Fondamentaux du HTML

bookUtilisation des Images en HTML

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 chargée.
<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.
index.html

index.html

copy
  • 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 pour 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.

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 ?

question mark

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

Select the correct answer

question mark

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

Select the correct answer

question mark

Que fournit l’attribut alt pour une image ?

Select the correct answer

question mark

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

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 1

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you explain more about the difference between using local and online images?

What happens if I don't include the alt attribute in my image tag?

How do I make sure my images are responsive on different devices?

bookUtilisation des Images en HTML

Glissez pour afficher le menu

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 chargée.
<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.
index.html

index.html

copy
  • 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 pour 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.

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 ?

question mark

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

Select the correct answer

question mark

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

Select the correct answer

question mark

Que fournit l’attribut alt pour une image ?

Select the correct answer

question mark

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

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 1
some-alt