Faire un lien vers une ancre dans la page

- Tutoriel

Une ancre est une sorte de panneau de signalisation que vous pouvez mettre dans vos pages HTML lorsqu'elles sont très longues. Cela permet, au moyen d'un lien hypertexte, d'atteindre la partie souhaitée de la page.

 

Dans un précédent tutoriel nous avions vu comment insérer un lien vers une page ou un fichier. Cette fois-ci, nous allons voir comment insérer un lien vers une ancre dans la même page.

Les ancres permettent par exemple de créer un sommaire dans une page web. Le lecteur pourra ainsi atteidre la partie du texte qui l'intéresse en cliquant sur un lien du sommaire.

Une ancre est un code HTML de la forme <a name="nom_de_l_ancre"></a>

Pour insérer une ancre :

  • Editez le bloc de texte dans lequel vous souhaitez intégrer l'ancre.
  • Cliquez sur le bouton "source" afin de passer en mode d'édition code source.
  • Repérez, dans le code qui s'affiche, les paragraphes que vous souhaitez atteindre avec les liens.
  • Insérez le code HTML avant ces paragraphes.
  • Remplacez "nom_de_l_ancre" par un nom parlant qui vous permettra d'identifier à quel paragraphe correspond l'ancre.

Exemple :


<a name="paragraphe1"></a>
<p>Début du 1er paragraphe....</p>
<a name="paragraphe2"></a>
<p>Début du 2ème paragraphe....</p>

Une fois les ancres intégrées, créez vos liens hypertexte.
Dans la fenêtre d'édition du lien, sélectionnez le type de lien "transformer le lien en ancre dans le texte".
Sélectionnez l'ancre par son nom, puis validez.
Répétez l'opération pour chaque lien.

 

Vous avez apprécié cet article ? Partagez-le !