Changer de page sur Internet n’a rien d’anecdotique. C’est la mécanique de base qui façonne la navigation, met en lumière un site ou offre une passerelle vers des contenus complémentaires. Derrière ce geste quotidien, l’ombre du HTML, ce langage qui structure et connecte les espaces web. Mais créer un lien ne suit pas un seul scénario : tout dépend du type de connexion recherchée.
Cas du lien absolu
Le lien externe : c’est lui qui propulse l’internaute hors de votre site, vers une autre adresse. Peut-être pour faire découvrir une source, offrir un approfondissement, ou simplement guider ailleurs là où votre page ne peut pas répondre. Pour le mettre en place, il faut d’abord copier l’URL du site cible, puis la garder sous la main, dans un document ou un bloc-notes. Ensuite, choisissez le mot ou l’expression qui portera le lien.
Accédez maintenant au code source de votre page web. Sur Windows, un simple « CTRL + U »; sur Mac, « Commande + Option + U ». Repérez l’endroit où intégrer votre lien. La balise entre en scène, accompagnée de l’attribut « href » et du signe « = ». L’URL s’insère entre guillemets, suivie du texte cliquable. En pratique, cela donne : texte. Il ne reste plus qu’à sauvegarder les modifications pour activer la redirection.
Cas du lien relatif
Pour réaliser un lien relatif en ligne, la méthode change selon l’emplacement des fichiers concernés.
Les deux pages sont dans un même dossier local
Lorsque la page de destination se trouve dans le même dossier que celle en cours, la manipulation est directe. Voici les étapes à suivre :
- Insérer la balise <a> ;
- préciser l’attribut « href » ;
- ajouter le signe « = ».
Il suffit ensuite d’indiquer le nom du fichier cible. Prenons un exemple concret : si le fichier s’appelle « Contact », le lien prendra la forme contact.
Les deux pages sont dans deux dossiers différents en local
Quand la page de destination se trouve dans un autre dossier, il faut spécifier le chemin d’accès. Pour un fichier nommé « contenu » dans un répertoire distinct, le lien ressemblera à nom du fichier. Avec plusieurs sous-dossiers, précisez simplement le chemin : autre dossier.
Parfois, le fichier cible est situé dans un dossier parent, plus haut dans l’arborescence. Dans cette situation, on utilise « .. » pour remonter d’un niveau. Ainsi, pour renvoyer vers la « page d’accueil », la syntaxe sera : page d’accueil.
Comment créer un lien en ligne avec une ancre ?
Quand une page s’étire en longueur, l’ancre devient précieuse. Ce repère interne facilite la navigation et permet d’accéder directement à une section précise. Pour un visiteur, c’est un gain de temps et d’efficacité.
Lien avec ancre
Pour installer une ancre, il faut d’abord ajouter l’attribut « id » à la balise qui marquera le point d’arrivée. Cela peut être un titre ou un autre élément. On inscrit le nom choisi après le signe «=» entre guillemets :
Titre
. Le lien qui pointe vers cette ancre dépend de sa localisation.
Ancre en bas sur la même page
Pour atteindre une ancre sur la même page, créez un lien avec « href= » suivi d’un dièse « # » puis du nom de l’ancre. Exemple : aller vers l’ancre.
Ancre dans une autre page
Pour cibler une ancre dans une page différente, tapez le nom du fichier, puis ajoutez le dièse et le nom de l’ancre. La syntaxe donne : cuisine.
Comment faire un lien avec un comportement particulier ?
Parfois, il est utile que le lien s’ouvre dans un nouvel onglet, pour garder la page d’origine accessible. Il suffit d’ajouter l’attribut target=’_blank’ au lien. Concrètement, cela donne : texte.
Créer des liens, c’est offrir des chemins, dessiner des parcours et multiplier les possibilités de navigation. Sur le web, chaque clic ouvre un nouvel espace : à chacun de choisir où il veut mener son lecteur.
