Insérer une image de présentation

L’élément IMG permet d’insérer une image de type JPG ou JIF.

Deux attributs sont obligatoires, SRC et ALT.

L’attribut SRC indique le chemin de destination et le nom de l’image.

L’attribut ALT précise le texte à afficher si, pour une raison ou pour une autre, l’image n’a pas été trouvée.

Dans l’exemple qui suit, nous allons afficher une image intitulée « plume.jpg ».

Les attributs optionnels :

Align=NomValeur

NomValeur peut prendre 5 valeurs :

Pour l’alignement vertical par rapport à la ligne courante :

TOP : le haut.

MIDDLE : Au milieu.

BOTTOM : En bas.

Pour l’alignement horizontal :

LEFT : à gauche.

RIGHT : à droite.

Voici un exemple :

L’attribut BORDER :

BORDER=Valeur

Valeur est une valeur numérique qui exprime l’épaisseur du trait qui encadre l’image.

Voici un exemple :

Les attributs WIDTH et HEIGHT :

Ces attributs permettent de définir la taille de l’image en pixels :

WIDTH=Valeur

HEIGHT=Valeur

WIDTH définit la largeur dont Valeur représente ici la taille en pixels, et l’attribut HEIGHT définit la hauteur dont Valeur représente également la taille en pixels.

Les attributs HSPACE et VSPACE :

Ces attributs permettent de définir l’espace de séparation entre l’image est le texte se trouvant à proximité.

HSPACE établit l’espace entre l’image et le texte horizontal.

VSPACE établit l’espace entre l’image et le texte vertical.

La syntaxe :

HSPACE=Valeur

VSPACE=Valeur

Valeur est une valeur numérique exprimée en pixels.

Créer une image cliquable

Pour créer une image cliquable, il faut insérer une image entre les balises <A> et </A>.

Dans l’exemple qui suit, nous allons créer un lien sur l’image « Plume.jpg » et qui pointera sur la page intitulée « LaSuite.HTM ».

<A> Href=»LaSuite.htm»><IMG SRC=»plume.Jpg» ALT=»une plume»></A>

Remarque :

Par défaut, l’encadrement de l’image aura la couleur du style « Lien ».

Pour annuler cette particularité, vous devez utiliser l’attribut BORDER en lui affectant la valeur 0.

Donc :

<A> Href=»LaSuite.htm»><IMG SRC=»plume.jpg» ALT=»une plume» BORDER=0></A>

Mettre une image en arrière plan

Vous pouvez introduire une image en arrière plan d’une page. Il vous suffit d’insérer l’attribut BACKGROUND à la fin de la balise BODY.

Ci-après, nous allons placer l’image Soleil.jpg en arrière plan :

Philippe BOULANGER