Liens internes en HTML
Dans la leçon précédente, nous avons créé des liens vers les pages de sites web tiers, en copiant leurs adresses depuis la barre d'adresse du navigateur. Supposons maintenant que vous souhaitiez lier par des liens les pages de votre propre site.
Dans ce cas, vous ne pouvez pas copier leurs adresses depuis la barre d'adresse. En effet, ces adresses contiendront le chemin complet vers votre page depuis le disque racine de votre ordinateur, et lors du déplacement dans un autre dossier, ces liens seront tout simplement cassés.
Pour les pages de son propre site, il faut adopter
une autre approche. Étudions-la avec un exemple. Supposons
que dans le dossier racine de votre site se trouvent
le fichier index.html et le fichier page.html.
Relions ces fichiers par des liens. Pour cela, dans l'attribut
href des liens, il suffit d'écrire simplement
les noms de ces fichiers (avec leur extension). Faisons-le.
Sur la page index.html, créons un lien
vers la page page.html :
<h1>Index</h1>
<a href="page.html">lien vers page</a>
Et sur la page page.html, créons un lien
vers la page index.html :
<h1>Page</h1>
<a href="index.html">lien vers index</a>
Créez trois pages HTML à la racine de votre
site. Nommez-les 1.html, 2.html,
3.html. Liez ces pages par des liens
les unes avec les autres.
Créez également une page index.html.
Placez-y des liens vers les pages 1.html,
2.html, 3.html.
Modifiez la tâche précédente pour que les
liens soient placés dans une liste ul.
