Faire des liens

Cette page est entièrement consacrée aux liens. En effet, quoi de plus important sur Internet que les liens. On estime que deux pages quelconques sont séparées au maximum par 19 clics et l'expérience prouve que pour que ton site soit visité il faut qu'il ne soit pas non plus un cul de sac. Je t'invite donc à placer des liens pertinents vers l'extérieur dans tes pages.

Adresses relatives et absolues

Les liens font appel à des adresses (l'endroit où se trouve un fichier) : l'adresse du fichier vers lequel on pointe pour le lien, l'adresse. On distingue deux types d'adresses : les adresses relatives et les adresses absolues.

Adresses absolues

Ce sont les adresses qui ne dépendent pas de l'emplacement du fichier html dans lequel on insère l'adresse. Par exemple "http://www.latoilescoute.net/" est l'adresse du site LaToileScoute.

Les adresses absolues sont surtout utiles pour faire des liens qui pointent à l'extérieur de ton site.

Adresses relatives

On travaille sur un fichier placé dans le repertoire clermont et on veut déterminer l'adresse relative d'un autre fichier placé dans le repertoire compas et nommé index.htm.Pour cela: on part de clermont on monte d'un repertoire pour arriver dans camp2000: ../ on monte encore d'une repertoire pour arriver dans pios: ../ on monte encore d'un repertoire pour arriver dans annecy: ../ on descend dans le repertoire compas: compas/ on pointe le fichier index.htm: index.htm L'adresse relative est alors "../../../compas/index.htm"

Les liens

Les ancres

Dans une page très longue, il peut être utile de pouvoir se rendre directement au paragraphe qui nous intéresse. Pour cela il faut signaler ce paragraphe au moyen d'une ancre. Cette ancre va marquer le point d'arrivée d'un lien : dans le fichier source il faut placer à l'endroit qu'on veut signaler les deux balises suivantes: <A NAME="nom"> </A>. Elles doivent entourer au moins un mot (par exemple le premier de la ligne). Remplace "nom" par le nom que tu veux donner à ton ancre.

Nous allons voir dans la suite comment faire pointer un lien sur une ancre.

Faire un lien

Pour faire un lien, c'est assez simple, on utilise la balise <A></A> pour entourer l'objet (une image, du texte...) qu'on veut rendre cliquable.

C'est l'attribut HREF qui permet de spécifier l'adresse vers laquelle on veut que le lien pointe.

Exemple :

Va écrire dans la page les deux lignes suivantes :

Le visiteur pourra alors cliquer sur "Visiter LaToileScoute" et cela lui ouvrira la page http://www.latoilescoute.net/. Il pourra aussi cliquer sur "La page des compagnons" et cela lui ouvrira dans le site la page située dans le dossier "compas" si notre page se situe dans le dossier clermont (cf ci-dessus).

Faire pointer vers une ancre

Pour faire pointer ton lien vers un paragraphe spécifique d'une page, il faut rajouter l'adresse de l'ancre qui signale ce paragraphe au bout de ton adresse en utilisant le symbole #.

Exemple :

<A HREF="http://www.latoilescoute.net/#nom"></A> ouvrira la page d'accueil de LaToileScoute à l'endroit où se trouve une ancre portant le nom "nom" (si il n'y en a pas, elle ne tient pas compte du #nom).

<A HREF="#nom"> ouvrira la page où tu te trouves actuellement mais en affichant le paragraphe signalé par l'ancre <A name="nom"></A>

L'attribut target

On peut ajouter un autre attribut dans les balises de lien : TARGET.

Target définit l'endroit où va s'ouvrir le lien. C'est utilisé dans les frames (qu'on ne verra pas ici). Si tu désires que ton lien s'ouvre dans une nouvelle fenêtre il suffit de rajouter TARGET="_blank".

Exemple : <A HREF="http://www.latoilescoute.net" TARGET="_blank">Visiter LaToileScoute</A> ouvrira LaToileScoute dans une nouvelle fenêtre lorsque tu cliqueras sur "Visiter LaToileScoute".