Le lien vers l'université est un lien absolu, la balise d'adresse contient une adresse complète commençant par "http:// ...". Les liens vers les sites en rapport avec vos loisirs sont des liens absolus.
Prenons l'exemple du lien vers lel site de l'université : l'adresse indiquée dans la balise "http://www.univ-montp3.fr" indique au navigateur qu'il est nécessaire de communiquer avec un ordinateur distant.
En cliquant sur l'expression active de cette phrase, <a href="http://www.univ-montp3.fr">vous verrez apparaître la page du site web de l'université</a> (dans une autre fenêtre afin de maintenir l'exercice toujours visible).
L'ordinateur s'appelle www et est situé sur le domaine internet univ-montp3.fr. L'ordinateur distant retourne alors en réponse la page d'accueil du site de l'université, stocké sur cet ordinateur (on dit aussi serveur, puisque c'est son rôle de répondre à ce genre de requête).
Il n'est parfois pas nécessaire au navigateur de lancer une connexion à un ordinateur distant. Il se peut que la page vers laquelle vous souhaitez rediriger votre utilisateur se trouve au même endroit que celle que l'utilisateur est en train de visualiser.
Revenez à votre page index.htm. Nous avons tout à l'heure fabriqué une page "Mes loisirs", stockée dans le fichier loisirs.htm, que nous allons lier à la page index.htm.
Dans le fichier index.htm, supprimez du texte la liste de vos loisirs (puisque vous avez repris cette liste dans la page "Mes loisirs") et ne conservez que la mention "Mes loisirs" sur la page index.htm.
Insérez cette mention "Mes loisirs" dans une balise <a> en indiquant l'adresse href="loisirs.htm" :
<a href="loisirs.htm">Mes loisirs</a>
En d'autres mots, vous indiquez au navigateur, que le clic sur l'expression "Mes loisirs" doit ramener la page loisirs.htm. Sauvegardez votre travail, visualisez et essayez ce lien "relatif".