Introduction

Info

Les liens hypertextes vont vous permettre d'afficher des pages HTML. Les liens hypertextes vont permettre aux internautes de naviguer dans votre site.
Vous pouvez faire pointer votre lien sur une page d'un autre site (avec l'accord du webmaster de ce site c'est la loi)
Le lien vous permettra de relier entre elles des pages HTML ou vous permettra de vous envoyer un e-mail.

La balise lien

La balise

Pour créer un lien il faut utiliser la balise HTML <A>.
La balise HTML <A> a un attribut HREFqui va vous permettre de spécifer la page à charger. L'attribut HREF est comparable au "numéro de téléphone" de la page appelée.
Lorsque vous définissez un lien dans une page HTML, n'oubliez pas de mettre </a> qui définit la fin de la zone sensible.

Il existe on va dire deux types de liens.
Le lien Interne.
Le lien externe.

Le lien externe

Info

Le lien externe est le lien qui va vous permettre de relier vos pages HTML entre elles.
On l'écrit :

<A HREF="url">La zone sensible</A>

Si la page HTML se trouve dans le même dossier que la page appelante, alors l'URL peut s'écrire "Mon_autre_document.html",
mais si la page appelée est à une autre adresse alors l'URL doit être complète :
"HTTP://www.monseurveur.com/... /Mon_autre_document.html".

Tapez :

<A href="exchap4.htm">Mon premier lien.</A>

Il est tout à fait possible de mettre une image à la place de "Mon premier lien." (voir chapitre Les images)

Vous venez de relier deux pages HTML entre elles.

Le lien interne

Info

Le lien interne est le lien qui va vous permettre de vous "déplacer" dans la page HTML. Il met en rapport deux balises.

La balise appelante :

<A HREF="#nom_de_la_balise_appelee">mon lien appelant</A>

La balise appelée :

Vous devez éviter de mettre de accents ou caractères spéciaux.
Un bon exemple de l'utilisation du lien interne se sont les liens du menu haut "Chapitre de la page".

Attention, Netscape gère mal si vous mettez pas exactement le même texte pour "nom_de_la_balise_appelee" de la balise <A Href> et le "nom_de_la_balise_appelee" de la balise <A name>.

Par exemple si vous écrivez :

<A HREF="#nom">mon lien appelant</A>
<A name="NOM">

Alors Netscape peu ne pas réagir.
mais si vous écrivez :

<A HREF="#nom">mon lien appelant</A>
<A name="nom">

Alors cela marche à tous les coups.

La couleur des liens

Info

Vous pouvez définir la couleur des liens, des liens actifs et des liens visités.

Le lien devient actif lorsque l'on clique dessus.
Le lien est "visité" lorsque l'on a vue la page spécifier par le lien.
Il n'est pas possible à ma connaissance de personnalisé chaque lien.

Nous allons dans un premier temps définir la couleur des liens.

Exercice

Dans le premier exercice vous avez pu voir qu'un lien par défaut est bleu et souligné.

Nous voulons un lien rouge (red) :
Pour cela il faut mettre l'attribut Link = "red" dans la balise BODY,
puis créez un lien :

<A href="exchap4.htm">Mon premier lien.</A>

Nous voulons un lien actif orange (#FF6633) :
Pour cela il faut mettre l'attribut Alink = "#FF6633" dans la balise BODY,
puis créez un lien :

<A href="exchap4.html">Mon premier lien.</A>

Nous voulons un lien visité vert (#66FF66) :
Pour cela il faut mettre l'attribut Vlink = "#66FF66" dans la balise BODY,
puis créez un lien :

<A href="exchap4.htm">Mon premier lien.</A>

En conclusion, votre balise <BODY> doit comporter les trois attributs :
Link,
Alink,
Vlink.

Ouvrir le lien dans une nouvelle fenêtre

Info

Il est possible d'ouvrir un lien dans une nouvelle fenêtre grâce à l'attribut TARGET de la balise <A>.
Par défaut cet attribut prend la valeur de "_self".
Pour ouvrir le lien dans une nouvelle fenêtre, il faut écrire :

<A href="exchap4.htm" TARGET="_blank">Mon premier lien.</A>

Il existe d'autres valeurs que nous n'étudierons pas, car elle nécessite une maîtrise des frames. Nous l'étudierons dans le cours de HTML dans le chapitre Les cadres.