Dans ce cours voyons coment insérer des images pour votre image, cela vous servira à insréer votre logo, et pour les galleries d’images etc…
Les images se trouvent dans mon dossier ou dans mes sous-dossiers
Dans ce premier cas est lorsque les images sont présent dans le dossier de mon projet comme par exemple là où se trouvent aussi mon fichier HTML
![](https://www.comment-devenir-developpeur.com/wp-content/uploads/2020/06/html_images_cours-1024x512.jpg)
- Mon image sur mon ordinateur s’appelle george.jpg avec l’extension .jpg car il est important d’écrire la bonne extension.
- L’attribut alt sert à donner une indication à mon indication, cela sert aussi pour le référencement de Google
- <img src= »george.jpg » alt= »mon acteur préféré »>
![](https://www.comment-devenir-developpeur.com/wp-content/uploads/2020/06/html_image_sourcecode.jpg)
Le résultat :
![](https://www.comment-devenir-developpeur.com/wp-content/uploads/2020/06/george.jpg)
Les images sont dans un sous dossier
![](https://www.comment-devenir-developpeur.com/wp-content/uploads/2020/06/html_images_sous_dossier.jpg)
Mon imag « george.jpg » se trouve dans le dossier « images«
Maintenant écrivons le code :
<img src="images/george.jpg" alt="mon acteur préféré">
![](https://www.comment-devenir-developpeur.com/wp-content/uploads/2020/06/html-image-sous-dossier-sourcecode.jpg)
Résultat : le résultat est donc le même
![](https://www.comment-devenir-developpeur.com/wp-content/uploads/2020/06/george.jpg)