LIENS INTERNES ( dans une même page ou vers une autre page )

Liens internes (même page)

Exemple : [url=http://www.arrakis-evolution.com/page.html]Page[/url]

Les liens internes permettent de se déplacer à l'intérieur d'un fichier HTML, sans que le visiteur soit obligé de faire "scroller" la fenêtre. Le visiteur va donc cliquer sur un lien et il sera amené vers l'ancre. Pour cela deux étapes sont nécessaires : Définir la cible d'un lien (l'ancre) et associer ce même lien à cette ancre.


Définir la cible d'un lien (l'ancre)

Exemple :

Il n'est pas nécessaire, dans ce cas précis, de mettre un texte ou une image, entre les balises d'ouverture et de fermeture (le nom ne doit pas contenir ni d'espaces, ni d'accents, ni de caractères spéciaux).


Associer un lien à une ancre

Exemple : [url=http://www.arrakis-evolution.com/#top]top[/url]


Liens internes (pages différentes)


a ) Lien vers une page située sans le même répertoire

Exemple :
[url=http://www.arrakis-evolution.com/nom.htm]Cliquez ici[/url]


b ) Lien dans un répertoire différent

Exemple :
[url=http://www.arrakis-evolution.com/sujet/nom.htm]Cliquez ici[/url]


c ) Lien dans un même répertoire et vers une ancre d'une autre page

Exemple :
[url=http://www.arrakis-evolution.com/nom.htm#top]Cliquez ici[/url]


d ) Lien dans un répertoire différent et vers une ancre d'une autre page

Exemple :
[url=http://www.arrakis-evolution.com/sujet/nom.htm#top]Cliquez ici[/url]

si on veut qu'un lien en haut d'une page HTML renvoie à un endroit sur la même page, plus bas :

concrètement, si le nom Vladimir Harkonnen renvoie à une petite bio de ce personnage, qui se trouve après un très long texte, on va créer un lien sur le nom la première fois qu'il apparait en haut de page :

<a href="#harko1">Vladimir Harkonnen</a>

Puis on va aller à l'endroit où on veut que ce lien amène, et on crée une ancre :

<a name="harko1"></a>

Cette ancre, on peut la laisser telle que ci-dessus, si on veut qu'elle renvoie à un endroit vide, ou on peut mettre du texte dedans, comme ceci :

<a name="harko1">Biographie de Vladimir Harkonnen</a>

ça, c'était une ancre pour aller vers un lien sur la même page.

Maintenant, si on veut faire la même chose, mais vers une autre page, c'est à dire qu'on fait un lien vers une autre page du site, mais en indiquant l'endroit précis de la page qui doit s'afficher ( ce qui évite au lecteur de chercher la référence sur une longue page surchargée ) :

<a href="biographiesh.php#harko1">Cliquez ici</a>

Vous remarquez plusieurs choses :
- devant l'ancre appelée "harko1", j'ai rajouté la référence de la page PHP du site où se trouve notre info.
- sur l'exemple du cours que j'ai copié-collé ci-dessus, on avait une page en html. Moi, j'ai indiqué une page avec une extension PHP : c'est parce que le site est fait en php, mais c'est la même chose au final.
- vous avez vu, j'ai appelé la page php biographiesh : cela veut dire que nous pouvons avoir une seule page pour l'ensemble des bios des persos dont nous parlerons dans l'Holothèque, et on pourra les placer dans l'ordre alphabétique. L'ancre renverra directement à l'endroit où on cite Vladimir Harkonnen.
- vous avez peut-être remarqué le petit h après biographies. C'est parce que je pense qu'on pourra renvoyer à une page h pour les biographies des persos dont le nom commence par H.
- Autant, si on en a trop, il faudra faire une page biographieh1, biographieh2, etc, mais on verra ça après....