LES LIENS Un lien vers une autre partie du document ou vers un autre document peut être de plusieurs nature, du texte, de l'image, une partie d'une image voire même le document tout entier...
<A HREF="xxx">
Début de lien qui finit par </A>
Tout ce qui se trouve entre les deux est considéré comme zone sensible, et un click sur les objets situé entre ces deux bornes provoquera l'action contenue dans "xxx" (ou la lecture du fichier "xxx" comme nouvelle page)
Lien vers une page en localExemples : Pour retourner au sommaire de ce site
<A HREF="index.html">Sommaire</A>
Lien vers un site extérieurExemple : Pour aller sur le site Netscape
<A HREF="http://www.netscape.com/index.html">Allez voir ce site</A>
Lien vers un e-mailExemple : Pour m'envoyer un courrier électronique
<A HREF="mailto:showtime@ifrance.com">Écrivez-moi</A>
Pour faire un lien à partir d'une image remplacez le texte par le marqueur IMG SRC="image.gif".
<A HREF="mailto:showtime@ifrance.com"><IMG SRC="mail.gif" BORDER="0"></A>
Petite astuce, si vous ne voulez pas qu'un lien image ait une bande de couleur autour de lui, mettez l'option border du marqueur image à zéro.
Lien dans la même pageIl faut utiliser les cibles ou ancrages.
Positionnez vous à l'endroit que vous souhaitez atteindre, dans cet exemple le haut de cette page.
Identifier la cible avec <A NAME="titre">Texte ou image</A>
et utiliser le marqueur: <A HREF="#Titre">pour y aller</A>
Pour sauter dans une section particulière d'une autre page Web, il suffit tout simplement de rajouter le nom de la section après le nom de la page dans le lien, exemple:
<A HREF="page2.html#sectionX"> Texte</A>
Modifier l'apparence des liens Il est possible de modifier l'apparence des liens de façon à ne pas les faire apparaître en bleu souligné et modifier la couleur au survol.
Vous devez incorporer les lignes de commande suivante dans la partie <HEAD> de votre page :
<STYLE>
A:LINK { color: #000000; text-decoration: none }
A:VISITED { color: #000000; text-decoration: none }
A:HOVER { color: #ffffff; text-decoration: none }
</STYLE>
Dans cet exemple les liens apparaissent en noir non souligné, au survol ils se transforment en blanc et ils restent en noir après avoir été visités.
Accueil 
Sujet: HTML: les liens 
Dim 29 Juin 2008 - 16:09