1.1 Définitions
Un lien permet de définir dans un document une région sensible au clic de souris et en même temps, l'adresse de la cible visée par ce clic.
Cette région sensible peut être :
• soit un texte allant du mot à la phrase complète, on définit alors un lien hypertexte
• soit une image (ou une zone dessinée dans cette image), on parle alors de lien
hypermédia
Cette adresse est le plus souvent celle d'une page Web différente de celle où le lien est posé. On définit ainsi un lien externe entre une page appelante et une page appelée ou cible.
Cette adresse peut désigner également un endroit précis dans le même document. Il s'agit d'un
lien interne visant une ancre nommée ou signet.
La juxtaposition des deux types de liens, lien externe puis lien interne, est désignée sous le vocable de lien mixte.
Cette adresse peut aussi bien viser des pages web que d'autres types de fichiers : fichiers multimédias (image, vidéos), fichiers exécutables (*.exe, *.cgi, *.php, *.asp, etc...).
Cette adresse peut enfin viser d'autres services que le service Web : serveur ftp, serveur de news (forum de discussion), mais aussi une boite aux lettres d'un serveur de courrier.
L'élément a (anchor, norme HTML2.0) est non seulement utilisé pour poser n'importe quel type de lien, mais aussi pour désigner la cible d'un lien interne.
1.2 Attributs
<a
name = nom signet (étiquette de saut) posé dans une page visé par un lien interne ou mixte.
href = fichier cible adresse URL d’un fichier situé sur un autre serveur Web ou chemin du fichier situé sur le même serveur.
target = nom nom d’une fenêtre (ou cadre ou frame) dans laquelle le fichier cible s'affiche (norme HTML 4.0)
Seul l’attribut href est obligatoire.
L’attribut name est explicité dans le paragraphe des liens internes.
L’attribut target est surtout utilisé si le concepteur de site découpe la fenêtre principale de l’écran en fenêtres secondaires ou cadres. Il désigne ainsi l’endroit où la page visée par le lien doit s’afficher : fenêtre principale du navigateur, fenêtre secondaire ou cadre ou frame, etc... Le concepteur peut ouvrir une nouvelle instance de navigateur. La valeur réservée _blank (ou
_new) est utilisée. Les autres valeurs possibles (_self, _top, _parent) sont uniquement utiles
dans le cas de redistribution des pages web cibles entre les différents cadres définies dans la fenêtre principale d'un navigateur (voir chapitre sur les cadres).
Exemple d'un lien posé sur un texte : <a href="montagne.htm">Montagne</a>
Exemple d'un lien posé sur un élément multimédia : <a href="liens-1n.htm">
<img src="imag/Image846.gif" border=0 width=15 height=13>
</a>
Remarques :
Il existe d'autres attributs très peu usités analogues pour quelques uns avec ceux de l'élément d'en-tête link (voir chapitre sur les éléments d'en-tête) : rel et rev. Ces derniers, admettant les valeurs prédéfinies {top|contents|index|glossary|copyright|next|previous|help|search}, précisent le type de relation entre le document courant et le document visé.
La norme HTML 4.0 ajoute les attributs devenus génériques pour tous les éléments HTML. De plus, elle permet de :
• poser un lien sur une zone de carte graphique (voir chapitre sur les images) à l'aide des attributs shape et coords,
• définir une touche du clavier pour activer le lien (attribut accesskey), ou de définir un ordre de tabulation entre les différents liens de la page (attribut tabindex),
• préciser dans le cas d'un site international le jeu de caractères de la page appelée (attribut charset).
1.3.Résultats visibles dans le navigateur
Une fois posés ces liens, il faut enregistrer les modifications effectuées dans le code source du fichier (document ou page Web) et aller constater le résultat dans le navigateur.
Le texte sur lequel est posé le lien apparaît, par défaut, en bleu (lien actif non cliqué ou lien non visité). Le texte est de plus souligné.
Dans les deux cas, le survol des objets liés (texte ou image) provoque le changement de curseur de souris en main. Deuxièmement, leur survol provoque l'apparition de l'adresse du document cible dans la barre d'état du navigateur.
En ce qui concerne la couleur des textes liés, une fois le lien cliqué (lien visité), le texte prend une autre couleur (violet par défaut).
Ces couleurs d'affichage sont définies par défaut dans les options du navigateur : onglet « Général », bouton « Couleurs ».
Le concepteur de site a le choix suivant : celui de laisser le navigateur de l'internaute choisir les couleurs, ou celui d'imposer les siennes.
Dans le deuxième cas, plusieurs solutions sont possibles. Elles peuvent être définies pour une page donnée à l'aide des attributs de l'élément BODY, comme dans l'exemple ci-dessous :
<BODY TEXT="#000000" LINK="#0000ff" VLINK="#800080">
L'attribut LINK modifie la couleur des liens activés, alors que l'attribut VLINK modifie la couleur des liens visités.
Elles peuvent être fixées pour l'ensemble des pages d'un site à l'aide des feuilles de style externes (voir le chapitre sur les feuilles de style).
2. Liens Internes
Les liens internes permettent de se déplacer à l'intérieur d'un fichier HTML sans que le visiteur soit obligé de faire défiler l'ascenseur.
La cible visée par un lien interne s'appelle une « ancre nommée ou signet ». L'ancre nommée est définie par l'élément <a name="signet">objet cible</a>.
Il convient de mettre en place dans le document courant la cible avant de poser le lien.
Au niveau de l'objet sur lequel est posé le lien, la valeur de l'attribut "href" est initialisée avec le nom de l'ancre définie ci-dessus précédé du signe « # », indiquant que la cible reste interne à la page.
Exemple :
<p><a href="#sport">Voir le sport</a></p>
•
• PAGE ECRAN
•
Il n'est pas nécessaire dans ce cas de mettre un texte ou une image, entre les balises d'ouverture et de fermeture (Le nom ne doit pas contenir d'espaces, ni d'accents, ni de caractères spéciaux).