Images (3/4)

Insérer une image dans une cellule de tableau

Pour avoir des informations sur la création de tableaux, merci de vous reporter à la partie consacrée à cet effet en cliquant ici.

Pour insérer une image dans une cellule de tableau, tapez simplement des lignes de commande de la forme :

<TABLE>
<TD>
<TR>
<TD>Mon image préférée</TD>
<TD><IMG SRC="mon_image.jpg"></TD>
</TR>
</TABLE>

Mettre une image en fond d'écran

Si vous voulez mettre l'image mon_image.jpg comme fond d'écran, rajoutez un attribut BACKGROUND au marqueur <BODY> de votre page :
<BODY BACKGROUND="mon_image.jpg">

En général, l'image de fond d'écran est de petite taille (afin de limiter son temps de chargement), et est affichée en mosaïque.

Utiliser une image pour marquer un lien hypertexte

Vous pouvez utilisez des images pour marquer un lien. Ainsi, l'utilisateur cliquera sur l'image pour accéder à la page liée. Pour avoir des informations sur le fonctionnement des liens hypertextes, merci de vous reporter à la partie réservée à cet effet en cliquant ici.

Ces liens sont du type :
<A HREF="chemin"><IMG SRC="mon_image.jpg"></A>
Vous remarquez que la définition du lien se fait avec la balise <A>, exactement de la même manière que celle décrite dans la partie précédente consacrée aux liens. Simplement, ici c'est une image qui est affichée à l'écran pour indiquer ce lien, et non du texte.

N.B. : On peut indiquer un lien à la fois par du texte et de l'image :
<A HREF="chemin"><IMG SRC="mon_image.jpg">Cliquer ici </A>
Dans ce cas on accède au lien soit en cliquant sur l'image, soit en cliquant sur le texte.

Lorsque vous utilisez des images comme lien, n'oubliez pas de définir textuellement ce lien à l'aide de l'attribut ALT (cf. définir l'image par du texte). Ainsi, ceux qui ont configuré leur navigateur afin que les images ne s'affichent pas, auront une description de ce lien.

Exemple reprenant les notions vues dans les trois paragraphes précédents :

<HTML>
<HEAD>
<TITLE>Retour à la première page</TITLE>
</HEAD>
<BODY BACKGROUND="../../images/html_how_to.gif">
<TABLE BORDER>
<TR>
<TD>Cliquer sur l'image pour revenir à la page d'accueil</TD>
<TD><A HREF="../../index.htm"><IMG SRC="../../images/tech_how_to.gif" alt="[Ceci est mon image préférée]"></A></TD>
</TR>
</BODY>
</HTML>

Page d'accueil
Plan du site

Rubriques :

Documentations :

HTML

DHTML

JAVAScripts

WML (WAP)

Liens utiles :

Hébergement

Référencement

Web rémunéré