|
Un lien
hypertexte C'est un élément graphique ou textuel d'un document
HTML qui sous l'action d'un clic de souris donne accès à
d'autres parties du document en cours de consultation, à d'autres
pages du même site, ou encore à d'autres services Internet (telnet,
wais, ftp, gopher, mail).
Les liens hypertextes sont définis à l'aide du
marqueur <a ...> associé au paramètre Href="url"
qui reçoit comme valeur l’adresse du document vers lequel le lien
nous conduit. Il se termine par </a>.
Syntaxe:
<a href="adresse ou url"> nom du
lien </a>
Exemple: <a href="http://abcsite.free.fr/index.html">abcsite</a>
Il
existe plusieurs types de liens (ancres),
les liens absolus, les liens relatifs, les liens locaux et les liens
distants, les liens textuels (en cliquant sur du texte) et les liens
graphiques (en cliquant sur une image).
Les principaux types de
liens sont:
1-
Les liens externes vers un document distant:
Ce type de lien
permet de pointer vers un document situé sur le réseau Internet référencé
par une adresse ou une URL (Universal Ressource Locator).
Syntaxe
:
http://serveur/chemin.../fichier
<a
hrf="url">Nom du lien</a>
ou
bien <a hrf="http://serveur/chemin.../fichier ">Nom
du lien</a>
exemple
:
<a
href="http://abcsite.free.fr/index.html">abcsite</a>
2-
Les liens internes vers un document local:
Ce type
de lien permet de pointer vers une page (fichier)située
sur le même ordinateur:
Syntaxe
:
Ce
lien peut être fait de façon relative:
<a href="../index.html">Nom du lien
</a>
Ce
lien peut être fait de façon absolue:
<a href="file:///lecteur:/répertoire/fichier.html">Nom
du lien</a>
3-
Les liens internes ou liens au
sein d'une même page:
Si
vous décidez de construire une page web subdivisée en plusieurs
parties; il est possible de créer des liens internes vers ces
parties ( on dit que le lien interne pointe vers une ancre: c’est
à dire un endroit à l’intérieur d’un document défini par un
nom). Pour cela il faut utiliser l'instruction suivante:
Syntaxe
:
Départ
: Le lien vers l’ancre
<a href="#nom_de_l’ancre">Texte
ou image à cliquer</a>
Arrivée
: L’ancre interne
<a
name="nom_de_l’ancre">Texte ou
image</a>
Exemple
:
Départ
:
<a href="#bas
de page">votre texte...</a>
Arrivée :
<a name="bas de page">votre
texte...</a>
4-
Les liens pour
l’envoi d’un message électronique(e-mail)
Ce type
de lien permet de pointer vers une adresse électronique:
Syntaxe
:
<a href="mailto:utilisateur@hôte">Texte
ou image à cliquer</a>
Exemple:
<a href="mailto:nomDestinataire@nomServeur">Texte
ou image à cliquer</a>
Autre
exemple :
adresser un message électronique avec un sujet prédéfini:
<a
href="mailto:email_correspondant?Subject=message">Texte
ou image à cliquer</a>
<a
href="mailto:votre_email?cc=
autre_destinataire">Texte ou image à
cliquer</a>
5-
Les autres liens vers d’autres protocoles/services Internet
lien
pour la lecture d’un newsgroup
<a
href="news:...">
Lien vers un groupe de discussion (newsgroup)
Lien
pour le téléchargement
(Transfert ) de fichiers
<a
href="ftp://serveur_ftp/chemin.../fichier">logiciel
à télécharger</a>
Lien
pour la connexion à d'autres
ordinateurs
<a href="telnet://nom_de_machine...">Lien
pour activer un lien vers une session Telnet
L'attribut
TITLE permet de faire afficher un court descriptif du
lien lorsque le curseur de la souris passe sur le lien.
Syntaxe
:
<a href="page.html"
TITLE="description"> Texte ou image à
cliquer</a>
Exemple
:
abcsite
| 
