Les images sur les sites internet ça permet de rendre plus joli un site internet, donc dans l'ordre il vous faut choisir le bon format à savoir que officielement sont reconnus le JPEG, le GIF et le PNG, mais pour ce qui est de ce dernier malgré tous ces avantages sa reconnaissance est loin d'ètre garanti.
Chaque format à ces avantages je vous conseille le gif pour les animations et les images qui ont moins de 256 couleurs, par contre pour les photos et images avec plus de 256 couleurs je vous conseille plutôt le jpeg. Le png réunit tous les avantages de ces 2 formats, animation, qualité et transparence du gif, faible poids et million de couleurs du jpeg.

Donc pour que vos images soient bien affichées il suffit de les convertir en gif ou jpeg avec une extention à 3 caractères donc pour le jpeg il faut le noter toto.jpg.

L'insertion d'image se fait grâce au tag <IMG SRC="toto.jpg"> cette balise est une balise "ouverte" c'est-à-dire qu'il n'y a pas de balise </IMG>.
Lors de l'insertion d'images il vous faut penser aux utilisateurs aveugles ou qui continuent à utiliser des navigateurs en mode texte. Pour ce faire le HTML a prévu différents attributs pour définir les images:
ALT="" ce que représente votre image, ou l'action qu'elle permet si il s'agit d'un bouton de navigation. Sous windows cet attribut est utilisé pour afficher un texte quand la souris reste stationnaire au-dessus de votre image. Est aussi utilisé par les navigateurs configurés pour ne pas téléchargerles images

WIDTH="" permet de définir la largeur en pixels ou en pourcent de votre image, l'idéal etant de faire des images aux bonnes dimensions directement cela permet de gagner du poid et/ou de la qualité.
HEIGTH="" comme pour WIDTH mais pour la hauteur

BORDER="" permet de définir un liseret autour de votre image afin de la faire ressortir, la largeur de ce liseret est en pixels

ALIGN="" indique au navigateur comment l'image doit être alignée par rapport au texte:
TOP => pour indiquer que le texte doit être placée en haut de l'image
MIDDLE => pour le milieu
BOTTOM => pour le bas
LEFT => pour simuler un mise en page de tableau avec l'image à gauche
RIGHT =>idem mais avec l'image à droite
TEXTTOP => texte au sommet
ABSMIDDLE => le milieu absolu
BASELINE => ligne de basse.

VSPACE et HSPACE permettent de définir une zone autour de l'image que le navigateur devras laisser libre, elles s'expriment en pixels.

USEMAP => est utilisé dans le cadre des images map afin de donner le nom de l'image map qui gère notre image, voir le cour pour plus de détails.

ISMAP(submits x,y click pt)=> permet de définir une image map directement sur l'image.

Des liens peuvent être fait sur des images grâce à la balise <A HREF="toto.html"><IMG SRC="titi.jpg"></A>, comme vous pouvez le constater pour faire un lien sur une image il suffit en réalité de remplacer le texte qui servait à faire le lien par l'image.