[en-tête : HTML pour les pressés]


Nelson OUELLET
Professeur adjoint
Département d'histoire et de géographie
Université de Moncton


L'utilisation des images

Pour ajouter des images, des graphiques ou des photographies à votre page Web, il faut, tout d'abord, bien connaître les formats de fichiers disponibles. Pour répondre aux objectifs de ce guide d'initiation, il faut absolument parler des fichiers JPEG (Joint Photographic Experts Group) et GIF (Graphic Interchange Format).

Les fichiers JPEG et GIF sont les plus fréquemment utilisés par les concepteurs de page Web qui désirent augmenter l'attrait de leur site. Leur popularité est attribuable au fait qu'ils n'ont pas besoin de support additionnel (installations spéciales) pour fonctionner. Exception faite de LYNX (navigateur de « texte » seulement), tous les bons navigateurs affichent les fichiers GIF et JPEG.

Pour être en mesure de vous afficher correctement sur le Web, vous devez connaître le marqueur <img> et ses nombreux attributs.

ATTRIBUT DESCRIPTION EXEMPLE
src Permet d'indiquer la valeur correspondant au URL (relatif ou absolu) de l'image. Cet attribut est indispensable. <img src="photo.JPG">
align Permet de définir la position (left, right, top, middle, bottom) de l'image par rapport au texte placé immédiatement après. <img src="photo.JPG" align=left>
alt Permet d'indiquer ce qui ne peut pas être affiché. Cet attribut est fortement recommandé car il constitue une marque de respect envers ceux et celles qui ne disposent pas d'équipements informatiques leur permettant de visualiser tout le contenu d'une page Web. <img src="photo.JPG" alt="Ceci est ma photo">
border Permet de modifier l'épaisseur du cadre placé par défaut autour d'une image. Si l'attribut est absent, votre image aura une bordure d'une épaisseur de deux pixels. <img src="photo.JPG" border=0>
height Permet de préciser la hauteur d'une image. Il y a deux façons d'indiquer la hauteur : en utilisant le nombre de pixels (72 pixels représentent « un pouce ») ou un pourcentage (mis entre guillemets) correspondant à la proportion occupée par l'image sur la page Web. <img src="photo.JPG" height=125>
width Permet de préciser la largeur d'une image. Il y a deux façons d'indiquer la largeur : en utilisant le nombre de pixels (72 pixels représentent « un pouce ») ou un pourcentage (mis entre guillemets) correspondant à la proportion occupée par l'image sur la page Web. <img src="photo.JPG" width="90%">
hspace Permet de modifier l'espace de gauche et de droite qui sépare une image du texte l'entourant. Cette option est parfois très utile pour dégager le texte de l'image et permettre à cette dernière de mieux respirer. La valeur par défaut est de 2 pixels. <img src="photo.JPG" hspace=10>
vspace Permet de modifier l'espace du haut et du bas qui sépare une image du texte l'entourant. Cette option est parfois très utile pour dégager le texte de l'image et permettre à cette dernière de mieux respirer. La valeur par défaut est de 2 pixels. <img src="photo.JPG" vspace=20>


Responsable du site: Nelson Ouellet
Courrier électronique: nelson.ouellet@umoncton.ca