Comme vous le savez, un site web est composé de plusieurs pages. Comment faire pour aller d’une page vers une autre ? À l’aide de liens pardi ! Dans ce chapitre, nous allons justement apprendre à créer des liens entre nos pages.
Je suppose que chacun d’entre vous sait ce qu’est un lien : il s’agit d’un texte sur lequel on peut cliquer pour se rendre sur une autre page.
On peut faire un lien d’une pagea.htmlvers une pageb.html, mais on peut aussi faire un lien vers un autre site (par exemple,http://www.siteduzero.com). Dans les deux cas, nous allons voir que le fonctionnement est le même.
Pour faire un lien, la balise que nous allons utiliser est très simple à retenir :<a>. Il faut cependant lui ajouter un attribut,href, pour indiquer vers quelle page le lien doit conduire.
Par exemple, le code ci-dessous est un lien qui amène vers OpenClassrooms, situé à l’adressehttps://openclassrooms.com:
Nous allons placer ce lien au sein d’un paragraphe. Voici donc comment reproduire l’exemple de la figure précédente :
Par défaut, le lien s’affiche en bleu souligné. Si vous avez déjà ouvert la page, le lien s’affiche en violet.