Vos pages web deviendront plus vivantes avec
des images.
Quel format d'image choisir ?
Les temps de transmissions des images est un gros problème.
Il faut donc utiliser des images compressées. Il existe 2
formats d'images très répendu sur Internet :
Les images GIF :
Les images GIF sont composées au maximum de 256 couleurs. La
compression est assez élevée sans perte de qualité. Avec ce
format, vous pouvez également faire des images
transparentes ( une couleur fait office de couleur
transparente).
Les images JPG :
L'objectif de ce format est de stocker des images de types
photo dans des volumes acceptables.
Après avoir choisi l'image et le format, vous pouvez
maintenant l'insérer dans votre page web. Pour cela, vous
utiliserez le tag <IMG>.
Vous indiquerez le nom du fichier graphique ainsi que son chemin
d'accès :
<IMG SRC="image.gif">
Ce tag charge donc l'image Image.gif contenu dans le dossier
courant, et l'affiche dans la taille et la résolution originale.
Pour modifier à l'écran la taille de l'image, on dispose des
attributs HEIGHT pour la hauteur et WIDTH pour la largeur : <IMG SRC="image.gif" WIDTH=70 HEIGHT=70>
L'alignement de l'image est défini comme d'habitude par
l'attribut ALIGN. Voici les valeurs autorisées :
Valeur
Type d'alignement
TOP
Alignement sur la bordure supérieure de la ligne
MIDDLE
Alignement sur le milieu de la ligne
BOTTOM
Alignement sur la bordure inférieure de la ligne
TEXTTOP(N)
Alignement sur la bordure supérieure du texte
ABSMIDDLE(N)
Alignement sur le centre
BASELINE(N)
Alignement sur la ligne de base du texte
ABSBOTTOM
Alignement sur la bordure inférieure de la ligne
Autres Attributs du tag <IMG>
ALT
Texte alternatif qui sera affiché par un navigateur ne sachant pas afficher l'image. Si l'image ne peut être affichée.
BORDER
Indique la largeur de la bordure de l'image (par défaut, les images n'ont pas de bordure ). Si l'image est définie comme lien, elle encadrée par défaut d'une bordure que vous serez obligé de désactiver par BORDER=0, si elle vous gêne.
ISMAP
L'image est une Image Map (Necessite un script CGI sur le serveur )
HSPACE
Créer un espace vide à gauche et à droite de l'image. HSPACE=20 met en place un espace vierge de 20 points à gauche et à droite de l'image.
VSPACE
Créer un espace vide avant et après l'image. VSPACE=20 met en place un espace vierge de 20 points au-dessus et au-dessous de l'image.
UNITS
Indique l'unité de mesure utilisée pour les attributs HEIGHT et WIDTH (par défaut, il s'agit du pixel).
En savoir +
