Les images
Avant de passer aux balises, il faut savoir :
PNG, GIF ou JPEG?
Les principaux formats d'image reconnus sur le Web, sont les formats PNG, GIF et le format JPEG. Pour le format GIF (maximum 256 couleurs), on retiendra la caractéristique "entrelacé" qui permet de charger progressivement l'image lors de l'ouverture de la page. Ces deux formats donnent des résultats assez équivalents bien que JPG soit plutôt recommandé pour des images avec des tons nuancés ou dégradés.
Les formats PNG et GIF accepte la transparence
La taille
L'ennemi sur le Web, c'est la taille des images! Plus l'image sera grande, plus le temps de chargement sera long... au risque de décourager vos visiteurs.
Si cela est possible, une image en 16 couleurs peut très bien faire l'affaire. Présenter une petite image indiquant un lien vers l'image complète est également un bon conseil.
Le code Html est :
<IMG SRC="Adresse de l'image">
La balise image possède de nombreux attributs
Texte alternatif ALT="****" Pour les navigateurs n'ayant pas l'option "image" activée
Dimensions width=? height=? Hauteur et largeur (en pixels)
Bordure border=? Epaisseur de la bordure en pixels
Alignement align= top Haut
Alignement align= middle Milieu
Alignement align= bottom Bas
Alignement align= left Gauche
Alignement align= right Droit
Exemple:
Dans l'éditeur de texte, nous allons créer un fichier Htlm.
L'attribut align positionne l'image par rapport au texte dans notre exemple les traits ----- remplacent le texte:
<IMG SRC="HELP.gif" align=TOP >texte
<IMG SRC="HELP.gif" align=MIDDLE >texte
<IMG SRC="HELP.gif" align=BOTTOM >texte
1. Ouvrir l'éditeur de texte et créer le fichier 4.htm.
2. On place le fichier 4.htm dans un dossier avec l'image
3. Voici le résutat dans la fenetre du navigateur.