Ajouter une légende aux images
Pour affecter une légende aux images, vous pouvez utiliser l'attribut align. Placez le texte de la légende après la balise <img> et terminez par une marque de fin de paragraphe pour indiquer au navigateur la fin de la légende. Si le navigateur ne parvient pas à afficher ce texte sur une seule ligne, il poursuit l'affichage sous l'image.
Exemple de légende placée en haut, à droite de l'image.
<img src="orchid.gif" align=top>
Exemple de légende placée à droite à mi-hauteur de l'image
<img
src="orchid.gif" alt="orchid" align=middle>
Exemple
de légende placée en bas, à droite de l'image
<img
src="orchid.gif" alt="orchid" align=bottom>
La dimension
des images.
La qualité de la présentation dépend aussi de la taille des images. Sauf indication
contraire, le navigateur affiche l'image dans sa taille originale. Il faut éviter
cet affichage automatique. Il suffit de fournir la hauteur et la largeur de
l'image. <img src="orchid.gif"
align=center width=96 height=63>
Faire un hyperlien avec une image.
L'hyperimage fonctionne exactement comme l'hyperlien. On clique sur l'image
pour activer le lien qui lui est associé. Prenons comme exemple "le pitoneux"
qui est au bas de cette page. Il sert d'hyperlien pour retourner à ma page d'accueil.
Je vous donne la commande.
<A HREF="index.htm"><IMG SRC="pitoneux.gif" ALT="Accueil" width=107
height=98 Border=0></A>
Le navigateur
traite le texte compris entre les deux balises (img src et align ) comme un légende.
Le navigateur traite le texte compris
entre les deux balises
Le navigateur traite le texte
compris entre les deux balises
Les renseignements se donnent dans la balise <img>
Définit
la largeur et la hauteur de l'image en pixels.
Et voilà, pas trop difficile ?
Deux autres petits détails et nous avons terminé.
Alt="Accueil"
que vous avez vu dans la dernière commande est là pour afficher
un texte à la place de l'image si le navigateur était incapable de l'afficher.
Border=0 Cette commande est utilisée lorsque vous ne voulez pas de bordure sur les hyperimages.
J'aimerais bien avoir vos commentaires, questions ou suggestions.
|
|
Écrire à Nicou
Réalisée et conçue le 28 décembre 1998.
Dernière mise à jour le 14 novembre 2001
Copyright © 1998-2001 La page de Nicou.
Tous droits réservés.
