.
 
 
Titre suivant Table des matières Titre précédent Les liens hyper-textes
 
Un lien hyper-texte est un mot (ou groupe de mots) ou une image qui réagit au click de la souris, soit en ouvrant une autre page, soit en allant à un autre endroit de la page en cours de visualisation. La mise en place de ce type de liens s'effectue à l'aide de la balise <A>. La balise de fermeture sera évidemment </A>. Ainsi, tout ce qui se trouvera entre ces 2 balises constituera le lien hyper-texte :
<A href="adresse"               adresse de destination
   name="texte"                 nom de vignette (destination dans le document courant)
   target="cible">              nouvelle fenêtre
La sous-balise "target" indiquée ci-dessus peut prendre plusieurs valeurs :
  • target="_blank" ouvre le lien dans une nouvelle fenêtre du navigateur ;
  • target="_self" ouvre le lien dans la fenêtre en cours ;
  • target="_parent" ouvre le lien dans l'élément de frame parent de la frame courante ;
  • target="_top" ouvre le lien dans une nouvelle fenêtre sans frame.
Dans l'exemple qui suit, les mots "ce lien" constituent le lien. L'écriture se réalise ainsi :
Cliquer sur <A href="bidule.htm">ce lien</A> pour aller<BR>
à la page "<B>bidule.htm</B>"
Exemple : page-18.htm
 
Dans cet exemple, nous sommes allés de la page "page-18.htm" vers la page "bidule.htm". Cependant, il est possible de rester dans la même page et d'aller à un autre endroit de cette page. Ceci s'obtient au moyen d'étiquettes, lesquelles ne sont rien d'autre que des liens.
 
Un lien vers une étiquette s'écrit par exemple <A href="#truc">objet</A>. Ce sera le point de départ. Dans cet exemple, "objet" est soit du texte, soit une image, un son... Le point d'arrivée sera l'étiquette elle-même qui s'écrira <A name="truc"></A>. On notera que la balise d'ouverture <A> et la balise de fermeture </A> se touchent :
<A href="#L10"><IMG src="down.png" border=0 width=16 height=16 alt="aller ligne 10"></A><BR>
<B>D&Eacute;BUT DE LA PAGE</B><BR>
ligne 01 bla bla bla<BR>
ligne 02 bla bla bla<BR>
...
<A name="L10"></A>ligne 10 bla bla bla<BR>
...
ligne 14 bla bla bla<BR>
ligne 15 bla bla bla<BR>
<B>FIN DE LA PAGE</B>
Exemple : page-19.htm
 
Autre type de lien, celui qui indique une adresse email et ouvre directement votre utilitaire de courriers:
<A href="mailto:destinataire@domaine.tld">Pour m'écrire</A>
L'élément "mailto:" peut, en plus de l'adresse du destinataire, contenir des informations complémentaires:
"mailto:dest_1@dom.tld?cc=dest_2@dom.tld&bcc=dest_3@dom.tld&subject=sujet&body=message"
Exemple : page-29.htm
 

© 1999-2010 PhB -  www.pictavie.net 
 
Valid HTML 4.01     Valid CSS 2.1