8.1 Insérer une image
Pour insérer une image: <IMG SRC="chemin_vers_l_image">
chemin_vers_l_image peut être:
-
le nom de l'image, s'il elle dans le même dossier que la page
web;
- le chemin relatif vers l'image (le chemin à suivre, depuis le
dossier de la page, pour atteindre l'image) si l'image est sur la
même machine que la page (le cas précédent n'est qu'un cas
particulier de celui-ci);
- le chemin absolu sur le web (ou URL, ce qui commence par
http) si l'image n'est pas sur la même machine (mais il
vaut mieux éviter cette solution: l'image peut être supprimée ou
déplacée sans que vous le sachiez).
Si l'image est sur la même machine que la page on peut utiliser aussi
la dernière méthode, mais c'est absolument déconseillé car cela
interdit tout déplacement ou tout changement dans l'architecture du
site.
Les seuls formats utilisables sur internet sont JPG (ou JPEG), GIF et
PNG.
8.2 Plus finement...
Dans la balise <IMG ...> on peut ajouter un certain nombre
d'attributs.
En particulier:
-
WIDTH et HEIGHT: permettent de
préciser la taille (largeur et hauteur) de l'image à l'affichage. Si
un seul des deux est précisé, l'image sera affichée sans
déformation. L'unité est le pixel.
Exemple: <IMG SRC="truc.jpg" WIDTH="100">
- ALT: définit le texte à afficher quand l'image
ne s'affiche pas (navigateur en mode texte, erreur dans le nom de
l'image, liaison trop lente pour charger les images, non voyant).
Exemple: <IMG SRC="truc.jpg" ALT="Mon logo">
Pour transformer une image en lien hypertexte, il suffit de mettre
l'image à la place du texte entre <A HREF=...>
</A>. C'est tout!
À quoi ça sert? Par exemple pour mettre un bouton (image), ou pour
mettre une petite image en pré-visualisation d'une grande.
