Les liens hypertextes
Les liens portent bien leur nom. Ils permettent de faire la liaison entre les pages web. Pour changer de page, il faut cliquer sur un lien, le navigateur chargera alors la nouvelle page.
Il y a 3 types de liens :
- Les liens internes à un site (=> utilisation très fréquente des chemins relatifs car plus court à taper).
- Les liens internes à une page (ou ancre) (=> utilisation de chemins absolus ou relatifs).
- Les liens externes (=> uniquement des chemins absolus !)
Passons à présent à la fabrication de ces liens.
e qui donnera une page dont le contenu sera comme ceci :
Si la page vers laquelle est faite le lien se trouve dans le même répertoire que la page en cours :
Lien vers la page 2
Si la page de destination est dans un sous-répertoire de celui de la page courante :
Lien vers une page dans le sous-répertoire nommé "repertoire"
Si la page de destination se trouve dans autre répertoire de même niveau que celui de la page courante :
Lien vers une page dans un autre répertoire nommé "repertoire"
Lien vers un site externe
Lien vers l'ancre 1
Texte du début de l'ancre 1
Pour finir, on peut très bien accéder à un ancre d'une page située sur un autre site en utilisant donc une URL suivie d'un ancre.
lien vers un ancre sur une page d'un site extérieure
Vous pouvez maintenant enregistrer votre page et la visualiser dans votre navigateur.
Il faudra en plus créer une autre page nommée page2.html, pour pouvoir tester vos liens. Il suffit de faire une page avec un simple texte dedans.
Explications des nouvelles balises utilisées :
-
et : permettent de créer un lien hypertexte. Son attribut indispensable est "href". En effet, il permet de préciser l'adresse de la page de destination du lien qui sera créé. Cette adresse peut être soit absolue soit relative.
Si vous souhaitez faire un lien interne à une page, il faut créer un ancre. On crée le lien vers cet ancre comme ceci :
Texte1 et on crée l'ancre comme ceci :
Texte2 Quelques remarques :
- Si le contenu d'une page est assez long, un lien interne à la page avec un ancre pourrait être très pratique pour revenir dans le haut de la page (sans utiliser les barres de scroll).
Au début de votre texte, vous créez un ancre sur le premier mot du texte (par exemple) avec
XYZ et à la fin du texte, vous rajoutez un lien vers cet ancre avec
Retour en haut. Vous pouvez même placer ce lien à plusieurs endroits de votre page.
- Dans nos exemples, nous avons uniquement utilisé du texte entre les balises
et . Mais rien ne vous empêche d'utiliser une image plutôt que du texte !
=>
Si vous utilisez des images, faites attention dans votre code, si il y a un retour à la ligne (retour chariot) entre le crochet de fin de la balise img et le crochet de début de la balise de fin du lien, il se peut qu'un petit trait apparaîsse dans le coin inférieur droit de l'image... (comme ci-dessous)
Donc au lien d'avoir ce code :
Faites comme ceci :
(=> tout sur une même ligne...)
- Il existe également un attribut "target" qui vous permet par exemple d'ouvrir un lien dans une nouvelle fenêtre comme ceci :
lien (comme le lien "Forum" dans le menu de gauche).
Par défaut, un lien s'ouvre dans la même page que la page ou se trouve le lien, hors si vous avez des liens vers des sites extérieures, si un visiteur clique sur un de ces liens, le site va s'ouvrir dans la fenêtre où se trouve votre site (il ne sera donc plus visible puisque remplacé par la nouvelle page). Il peut donc être utile d'utiliser l'attribut target pour les liens vers des sites externes pour que votre site reste visible également.
Pour des liens internes à votre site, il est souvent déconseillé d'ouvrir 36 fenêtres différentes avec les pages de votre site pour ne pas troubler les visiteurs.