Les liens hypertexte

Un des grands avantages du Web est de pouvoir "surfer" c'est-à-dire de sauter d'une page à l'autre, d'un site à l'autre. Ceci se fait très simplement en cliquant sur des liens, généralement soulignés en bleu. D'ailleurs c'est ce que vous avez fait si vous êtes en train de lire cette page !
Nous allons voir dans cette leçon qu'il est très simple de créer un lien hypertexte. Au fait, pourquoi "hypertexte" ? Tout simplement parce qu'il s'agit d'une portion de texte (en général, car on peut aussi mettre une image) qui réagit lorsque l'on clique dessus, et donc qui est "plus" que du texte puisqu'elle permet l'interactivité.

L'ancrage

Un ancrage est un élément de la page HTML qui va permettre de créer un lien vers un autre document (dans le même dossier ou sur l'Internet entier !) ou vers une partie du document en cours. Sa définition se fait par la balise <A> </A>.
Le texte contenu entre les deux balises <A> </A> est appelé élément d'appel. C'est ce qui sera affiché par le navigateur.

Les deux attributs de la balise <A> </A>

La balise d'ancrage possède deux attributs : NAME et HREF.
L'attribut NAME permet de définir un point de repérage dans le document en cours (c'est-à-dire dans la page active que vous êtes en train de visualiser). Ce point de repérage sera nécessaire si vous souhaitez que l'utilisateur revienne rapidement en ce point d'un simple clic, sans avoir à utiliser les barres de défilement de droite et du bas.

 Exemple : <A NAME="ici"> puis la suite du texte de la page . . .

 Remarque : dans ce cas uniquement, la balise ne se ferme pas !

 L'attribut HREF va permettre d'indiquer au navigateur où il doit aller chercher l'information suivante.
Si l'on désire renvoyer à un point de repérage dans le même document, il faut écrire <A HREF="#ici"> texte à afficher </A>.
Si l'on veut créer un lien vers un autre document ou un autre site Internet, alors il faut écrire <A HREF="URL"> texte à afficher </A>.

 URL, qui signifie Uniform Ressource Location, est l'adresse du document à aller chercher quand on clique sur le lien. Il y a 7 types d'URL en fonction de la ressource à atteindre. Les voici décrites dans le tableau ci-dessous.

 

Définition des types d'URL en fonction de la ressource
URL Ressource Exemple
http:// document Web http://www.ac-grenoble.fr
gopher:// serveur Gopher gopher://gopher.spandex.net:80/
ftp:// serveur FTP ftp://ftp.ibp.fr/
file:// fichier local file://dossier/html/mapage.htm
news: service UseNet (forums) news:fr.comp.sys.mac
mailto: e-mail mailto://dupont@serveur.fr
telnet: session Telnet telnet:distant@moi.fr

Exemple d'utilisation : <A HREF="http://www.monsite.fr/monsite.htm">aller vers mon site</A>

Remarque : HTTP est une commande d'un système d'exploitation nommé UNIX, qui signifie Hyper Text Transfert Protocole.

Adresses absolues et adresses relatives

Les URL peuvent être de deux types :
absolue
c'est le cas de l'exemple ci-dessus ; on indique alors l'adresse complète du document à atteindre, c'est-à-dire son chemin d'accès complet dans l'arborescence des dossiers locaux et distants ;
relative
si le document se trouve dans le même dossier, c'est-à-dire au même niveau, que le document courant, alors il est inutile de préciser le chemin d'accès complet.
Exemple 1 : <A HREF="monsite.htm">aller vers mon site</A>
Exemple 2 : <A HREF="image.gif">voir la photo</A>
flècheRetourner à la page précédente