Vous ête ici

Accueil > Moyen > Faire des ancres

 

Faire des ancres dans les pages

Il peut être utile de faire des ancres dans une page, autrement dit de renvoyer le visiteur soit vers un contenu soit vers un menu qui liste les contenus comme par exemple des articles.

 

Lorsque l'on fait une ancre on fait un lien on utilise donc la balise appropriée sauf qu'au lieu d'écrire une URL (exemple d'url : http://aidefr.jimdo.com/) on va écrire un #+le nom de notre ancre exemple : #menu.

 

Histoire que tout le monde comprenne voici le code HTML que l'on va utiliser pour cet exemple :

 

code HTML du menu :

 

 

code HTML des articles :

 

 

Exemple :

Titre mon artcile 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non quam non erat aliquam porttitor. Phasellus mattis, odio sit amet vulputate semper, velit arcu suscipit lorem, et dapibus metus arcu vitae elit. Ut sagittis convallis sem, sed semper urna volutpat sed. Proin nisl ipsum, ullamcorper eu volutpat id, consequat vitae justo. Sed molestie semper molestie. Proin nec euismod lectus. Sed a aliquet lacus. Suspendisse tortor lorem, auctor in laoreet sed, porttitor eget enim. Praesent condimentum ultrices mi, id imperdiet libero tincidunt ut. Vestibulum a tortor est. Proin dictum magna in sapien ullamcorper id tincidunt augue aliquam. Donec a magna dui, id gravida purus. Etiam eu eros dui, a adipiscing metus. Morbi pulvinar ornare leo, id fermentum lacus molestie et. Sed egestas eros a ante adipiscing ut viverra risus fermentum.

 

Choisir un autre article

 

Titre mon artcile 2

Duis erat augue, dignissim vitae lacinia sed, consectetur eu erat. Aenean turpis justo, vehicula quis dapibus eget, porta et tortor. Sed pretium laoreet massa vitae condimentum. Duis rutrum est quis tellus hendrerit dapibus dignissim arcu tristique. Nulla pellentesque mauris quis nunc iaculis sollicitudin pulvinar orci ullamcorper. Morbi gravida varius tincidunt. Pellentesque pulvinar ultricies nisl, et gravida arcu suscipit ullamcorper. Maecenas non rhoncus sapien.

 

Choisir un autre article

 

Titre mon artcile 3

Nam consectetur mattis consectetur. Mauris vel orci enim, eget faucibus nibh. Quisque eget risus lacus. Nam vestibulum sapien eget nisl tempor feugiat. Aliquam odio nulla, iaculis nec eleifend a, porta ac felis. Nulla facilisi. Nulla in libero lectus, quis semper lectus. Nam sed libero in orci tincidunt aliquam et in diam. Sed non erat pellentesque elit dictum malesuada. Quisque tempor tellus magna, sit amet condimentum arcu. In rhoncus orci vitae leo accumsan tincidunt. Sed in mauris at nibh malesuada consequat vel at sapien. Pellentesque tristique enim in nisi fermentum sed tincidunt ante pretium.

 

Choisir un autre article

 

 

Si vous prêtez attention au code vous remarquez que chaque titre comporte un " id "; un identifiant. Cet identifiant peut être attribué à n'importe quelle balise HTML, dans le menu lorsque l'on fait le lien on met # + l'identifiant vers lequel on souhaite à mener notre visiteur.

 

Attention !!! Si vous faites une ancre avec l'éditeur de texte Jimdo penser à retirer dans le code HTML dans la balise lien le target="_blank"  .

Écrire commentaire

Commentaires : 1
  • #1

    Maxim (lundi, 12 décembre 2011 10:50)

    Salut !

    Se site est génial merci beaucoup grâce a vous j'ai pu faire des ancres dans mes pages.

Newsletter
Inscription Newsletter