Insérer une image

Vous voudrez naturellement insérer des images dans votre page. Pour ce faire, utilisez la balise <img> et son indispensable attribut "src" (abréviation de "source") : src="emplacement de l'image/nom de l'image" précise le nom et le chemin que le navigateur doit emprunter pour trouver votre image, à partir de la page actuelle.

Pour notre exemple, vous allez placer une image (ici appelée "photo1.jpg") dans le dossier "images" créé précédemment, et l'insérer de la sorte dans la page d'accueil : Pour recopier ce code sélectionnez-le en cliquant dessus, copiez-le (Ctrl+c) puis collez-le dans votre document (Ctrl+v).

La page "index.html" se trouvant dans le dossier racine, on doit indiquer au navigateur le dossier dans lequel se trouve l'image "photo1.jpg".
S'il ne peut pas la trouver, vous verrez s'afficher à la place de votre photo une croix rouge (Internet Explorer).

Ajoutons-lui une légende en italique : Les différents formats d'image

Les trois principaux formats d'image rencontrés sur le web sont le JPEG, le GIF et le PNG (ce dernier étant peu utilisé).
Le JPEG et le GIF sont des formats de compression, prévus pour se charger rapidement tout en gardant une qualité acceptable. Mieux vaut utiliser le JPEG pour les images photographiques détaillées et le GIF pour les dessins et schémas qui comportent des aplats de couleur.