Insérez une image avec la balise orpheline  img

Cette balise <img> est toujours insérée dans une balise <p> et comporte un attribut src qui indique le chemin vers votre image et un attribut alt qui donne une description alternative de celle-ci.

1
<p>
2
Voici une très belle photo que j'ai trouvée sur Unsplash :<br>
3
<img src="images/paysage.jpg" alt="Photo de plage vue du dessus" />
4
</p>
  • Le chemin est indiqué de manière absolue lorsqu'elle vient d'internet. Faites attention à ce que l'URL corresponde bien à l'image uniquement, et pas à une page web qui contient une image. Pour vous en assurer, vous pouvez faire un clic droit sur l'image de votre choix, et choisir "Copier l'adresse de l'image".

  • Le chemin est indiqué de manière relative si elle se trouve sur notre site.

ComplémentChoix du nom des dossiers et fichiers

Il faut idéalement :

  • supprimer les espaces, ou les remplacer par le symbole _ et les accents ;

  • tout mettre en minuscules

ComplémentFormat des images

Voici quel format adopter en fonction de l'image que vous avez :

  • Une photo : utilisez un JPEG.

  • N'importe quelle image en PNG

  • Une image animée : utilisez un GIF animé

  • Un logo vectoriel : utilisez un SVG