4. Les liens à un endroit précis d'une page

On a vu dans le premier module, comment lier une page à une autre.

C'est la commande : <A> avec le paramètre "HREF="
Exemple : <A HREF="toto.htm">

La page liée était alors ouverte et le début était visible. Il existe un moyen pour faire afficher la page à partir de l'endroit où on veut. Que ce soit dans une nouvelle page ou dans la page où on se trouve.

Voyons d'abord dans la page où on se trouve.

Il va falloir définir les points où on va sauter. Quand je dis point, je ferais mieux de parler de lignes. A l'instar des programmeurs, on va même parler d'étiquette.

Pour cela on va utiliser la commande <A> avec le paramètre "NAME="

<A NAME=TATA>
<P>
Voici le paragraphe que je veux voir quand je vais
faire un lien sur l'étiquette TATA.

Maintenant il va falloir faire le lien. C'est toujours un <A> avec le paramètre "HREF=", mais on ne va pas lui indiquer une page HTML, mais l'étiquette qu'on a définie. Pour qu'il fasse la différence on va utiliser le caractère "#" devant l'étiquette.

<A HREF="#TATA">Aller au paragraphe TATA</A>

On peut en mettre plusieurs sans problème, ce qui peut permettre de se créer de petits menus. A utiliser avec parcimonie car c'est assez lourd à programmer et à maintenir.

Pour voir un exemple

Passons maintenant au transfert entre deux pages.

C'est un peu plus intéressant dans le sens où ça permet, par exemple, de revenir dans une page appelante à l'endroit où on était.
Sans utiliser ce système, on revient en effet au début de la page, ce qui oblige parfois à dérouler une bonne partie de textes ou de photos déjà lus.
Dans la fenêtre destinatrice ou cible, la commande est identique.
C'est donc la commande <A> avec le paramètre "NAME=".

Dans la fenêtre d'où on part, on va utiliser pour créer le lien la classique commande <A> avec le paramètre "HREF=" et on va devoir préciser la page destinatrice plus l'étiquette, avec le fameux "#" pour partager les paramètres :

<A HREF="TOTO.HTM#TATA">Aller au paragraphe TATA dans la page TOTO</A>

Rien de bien compliqué, vous voyez.

Pour voir un dernier exemple
Juste après "Rien de compliqué...", j'ai défini un <A NAME=RETOUR1> (vous pouvez vérifier en affichant le source !).
Dans la page exemple, on se rebranche sur cette étiquette.

Il est temps de passer à la conclusion : la conclusion,
Ou de revenir au menu.