Créer un lien sur une page internet

La mise en place de lien sur sa page est simple, elle nécessite qu’une balise qui est, comme toutes les autres, régit par quelques règles.

Maintenant une page a été créée mais pour faire un site, il faut souvent en mettre plusieurs. Pour insérer un lien, une balise existe :

<a href="lien" title="info bulle" target="option">texte à afficher</a>

href

href, on y indique entre guillemets la cible du lien, celui-ci peut être interne à la page, une autre page du site, une page d’un autre site.

Lien vers une ancre de la page

Pour cela, nous devons identifier la cible :

<div id="mon_ancre">blabla</div>

Écriture du lien :

<a href="#mon_ancre" >Ma cible marquée par l'ancre</a>

En cliquant sur le texte, la page se centrera sur le texte « blabla ».

Lien vers une ancre d’une autre page

Il est possible de renvoyer sur une ancre d’une autre page :

<a href="page.html#mon_ancre" >Ma cible marqué par l'ancre</a>

Exemple :
lien vers une ancre bleu d’une autre page
lien vers une ancre blanche d’une autre page
lien vers une ancre rouge d’une autre page

Lien vers une autre page du site

Nous pouvons aller sur une autre page du site (par exemple pour la création d’un menu), il y a deux possibilités :

Chemin relatif

Pour faire, c’est l’écriture en fonction de la position de sa page

niveau_1
     niveau_2
          niveau_3
          niveau_3
               niveau_4
     niveau_2
          niveau_3
          niveau_3

Si je me situe au niveau 2 et que ma cible se situe au niveau 4, nous écrirons :

<a href="niveau_3/niveau_4/cible.html" >Mon Lien</a>

Si je me situe au niveau 3 et que ma cible se situe au niveau 2, nous écrirons alors :

<a href="../cible.html" >Mon Lien</a>

Le problème du chemin relatif est qu’il est rapide de se perdre.

Chemin absolu

Je préfère utiliser le chemin absolu qui est certes parfois plus lourd à écrire mais qui permet une gestion du site plus simple, si une page doit être rajoutée, pas besoin de modifier le lien.

<a href="/niveau_1/niveau_2/cible.html" >Mon Lien</a>

La différence entre les deux se situe sur « / » qui est au début du chemin absolu.

Lien vers un autre site

Pour faire un lien vers un autre site :

<a href="http://www.google.fr" >Vers Google</a>

Exemple :

Vers Google

Lien vers un mail

Pour faire un lien vers un autre site :

<a href="mailto:adresse@mail.com" >envoyer à adresse@mail.com</a>

Exemple :
envoyer à adresse@mail.com

Lien vers un fichier

Pour faire un lien vers un fichier :

<a href="mon_fichier.zip" >Télécharger le fichier</a>

Attribut title

Le titre du lien est affiché lorsque l’on survole le lien avec la souris.

Attribut target

target permet de choisir dans quel type de fenêtre le lien sera écrit

Syntaxe Description
TARGET= »_blank » Affichage du lien dans une autre autre fenêtre du navigateur
TARGET= »_top » Affichage dans la totalité de la fenêtre courante
TARGET= »_parent » Affichage dans le cadre qui enveloppe la structure courante
TARGET= »_self » Affichage dans le cadre courant (par defaut)
TARGET= »cadre » Affichage dans le cadre spécifié

Voilà vous pouvez dorénavant créer un petit site de plusieurs pages.

Laisser un commentaire