ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | FIN DE PAGE | INDEX

Les liens internes à la page courante

- Principe | - Exemples | - Document additionnel -

Principe :

Ce type de lien convient particulièrement lorsqu'un document HTML est assez long.

Dans un document HTML construit sur ce principe, les liens hypertexte sont internes à la page courante. Les liens sont constitués de deux parties:

un lien avec une autre partie du texte. <A HREF=...>
un repère à la hauteur du texte désigné. <A NAME=... >

La partie cible du document courant est marquée par <A NAME=xxx> où xxx correspond à un label permettant d'effectuer un saut dans le document.

Exemple de marquage d'une rubrique:

la cible :

<A NAME=tarifs></A>
<B>TARIFS ET INSCRIPTIONS</B><BR>
Pension complète: 1890 FF/semaine
(du dimanche soir au dimanche matin suivant)
<BR>
Les cours: 890 FF/semaine (du lundi au samedi) <BR>

Le lien <A NAME=tarifs> crée un label tarifs. ( la cible )

le lien référencé :

Pour effectuer un saut depuis n'importe quel endroit du document vers cette cible, on crée ensuite un lien hypertexte ( lien référencé ) à l'aide de <A HREF...> comme suit:

LES STAGES DE PEINTURE: <BR>
 - Le site<BR>
 - Les cours<BR>
 - L'hébergement<BR>
 - L'accès<BR>
 - <A HREF=#tarifs>Tarifs et inscriptions</A><BR>
...suite du document...

Le symbole # signifie que le mot tarifs représente un ancrage nommé dans le document courant.

< A HREF=...> représente ce sur quoi il faut cliquer. ( le lien )

<A NAME=...> représente l'emplacement sur lequel on est dirigié. ( la cible )

Quand l'utilisateur visualise la page à l'aide de son navigateur, la rubrique Tarifs et inscriptions s'affiche en tant que lien . Son activation provoque un saut de l'affichage vers la partie de texte marquée par <A NAME=tarifs>.

Un nom n'est utilisé qu'une seule fois dans un même document. Par contre, plusieurs ancrages peuvent pointer vers un même nom.

Exemples :

Marquage de la cible

Lien référencé

Document additionnel ( Face cachée d'HTML ) :

NAME= (NOM de l'identifiant d'une ancre ) HTML

Définition Permet de placer une balise à l'aide d'un nom 2.0 3.2

Syntaxe <A NAME="identifiant">Désignation de l'identifiant (balise)</A>

Types d'ancres

NAME= "identifiant" L'ancre est un texte: mot, groupe de mots, titre

Syntaxe <A NAME="identifiant">Texte à insérer</A>

Exemple <A NAME="identifiant"><IMG SRC="chemin/image.gif"></A>
Les "" sont optionnels pour l'identifiant; ils sont obligatoires pour la localisation de l'image.

Note: L'attribut NAME est reconnu par tous les programmes de navigation. L'identifiant est nécessairement un texte. Il est important de bien respecter la syntaxe HTML dans l'établissement des liens hypertexte et d'orthographier correctement les adresses et les noms de fichiers. En principe, une balise n'est pas apparente car elle n'est pas distinguée du texte comme un lien, par sa couleur ou par un soulignement.

	NAME= (NOM de l'identifiant d'une ancre )	HTML
Définition	Permet de placer une balise à l'aide d'un nom	2.0	3.2
Syntaxe	<A NAME="identifiant">Désignation de l'identifiant (balise)</A>
Types d'ancres
NAME=	"identifiant"	L'ancre est un texte: mot, groupe de mots, titre
	Syntaxe	<A NAME="identifiant">Texte à insérer</A>
	Exemple	`<A NAME="identifiant"><IMG SRC="chemin/image.gif"></A>` Les "" sont optionnels pour l'identifiant; ils sont obligatoires pour la localisation de l'image.
Note:	L'attribut NAME est reconnu par tous les programmes de navigation. L'identifiant est nécessairement un texte. Il est important de bien respecter la syntaxe HTML dans l'établissement des liens hypertexte et d'orthographier correctement les adresses et les noms de fichiers. En principe, une balise n'est pas apparente car elle n'est pas distinguée du texte comme un lien, par sa couleur ou par un soulignement.

ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | DEBUT DE PAGE | INDEX