Images (1/4)

Insérer des images dans sa page WEB : marqueur <IMG>

Pour illuster sa page HTML, il est possible d'insérer des images. Les navigateurs reconnaissent généralement deux formats d'images : les images GIF et les images JPEG. Mais dès à présent je vous conseille de ne pas afficher des images de taille trop importante, ou en nombre trop important, car votre page mettrait trop longtemps à s'afficher. Les images sont affichées par le navigateur seulement si l'option d'affichage des images a été activée.

Les points suivants vont être développés :

Structure

Pour afficher une image à l'intérieur d'une page WEB, la commande à taper est du type : <img src="mon_image.jpg">
Là encore, pour pointer sur votre image, vous devez donner soit le chemin absolu, soit le chemin relatif.

N.B. : Le images étant parfois longues à charger, je vous conseille de procéder comme suit :
<img src="mon_image.jpg" lowsrc="mon_image2.jpg">
Dans cet exemple, mon_image2.jpg est de moins bonne définition que mon_image.jpg (donc moins massive), et est chargée en même temps que le texte. Elle permet d'avoir directement la mise en page correcte (sans avoir à attendre le chargement complet de mon_image.jpg).

Définir l'image par du texte

Etant donné qu'il est possible de désactiver l'affichage des images sur les navigateurs afin que les pages soient affichées plus rapidement, il peut être intéressant de définir l'image par du texte. Ainsi, ceux qui ne visualisent pas les images auront un descriptif de l'image. Pour cela, il faut renseigner l'attribut ALT du marqeur <IMG>.

La commande à taper est du type : <img src="mon_image.jpg" alt="[mon image préférée]">

Exemple :

<HTML>
<HEAD>
<TITLE>Voici mon image préférée</TITLE>
</HEAD>
<BODY>
<IMG SRC="../../images/tech_how_to.gif" alt="[Ceci est mon image préférée]">
</BODY>
</HTML>
: passer le curseur de la souris sur l'image pour voir apparaître le texte [Ceci est mon image préférée].

Page d'accueil
Plan du site

Rubriques :

Documentations :

HTML

DHTML

JAVAScripts

WML (WAP)

Liens utiles :

Hébergement

Référencement

Web rémunéré