Introduction au langage HTML© 2005 Vatteville ingénierie
8. Liens et ancres
<A …>
Les liens sont les éléments d’un document HTML (texte ou image) qui affichent, lorsque l’on clique dessus, un autre document. C’est cette faculté, appelée hypertexte, qui différencie une page HTML d’un autre document (Word, par exemple) et fait la spécificité du Web.

<A href="…"> Indique l’adresse de la page que l’on veut afficher.
href="toto.html" affiche le document toto.html situé dans le même répertoire.
href="/toto.html" affiche le document toto.html situé dans le répertoire de base du même site.
href="/" affiche la page d'accueil du site.
href="http://www.un_autre_site.com" affiche la page d’accueil du site www.un_autre_site.com. L’indication http:// est obligatoire, sinon le lien pointe vers le même site.

<A href="…" target=> Indique dans quelle fenêtre ouvrir la nouvelle page
<A … target=_self> Ouvrir dans la même fenêtre, à la place du document actuel. (par défaut)
<A … target=_blank> Ouvrir dans une nouvelle fenêtre, D’autres valeurs sont possibles, et seront vues avec les cadres (<FRAME>)

Exemple :
<A href="http://www.google.fr" target=_blank>Cliquez ici</A>
pour afficher la page d’accueil de Google dans une nouvelle fenêtre.
    
Cliquez ici

Le texte qui se trouve entre <A > et </A> s’appelle un lien hypertexte. Il s’affiche, normalement, en bleu et est souligné ; le pointeur de la souris prend la forme d’une petite main petite main quand on le place dessus.

<A href="…" title="…"> Permet d’afficher un commentaire dans une bulle lorsqu’on positionne la souris sur le lien.
On peut même l’utiliser à cette seule fin, en omettant l'attribut href :
Placez le curseur ICI pour afficher la bulle d’aide.

<A name="…"> Indique un endroit (en milieu de page) où on veut arriver (normalement, une page HTML s’affiche avec le début de la page en haut de la fenêtre).
Exemple :
<A href="mapage.html#mileu">Cliquez ici</A>
pour afficher le milieu de mapage.html.
Cliquez ici
    
<A name="milieu">Milieu de page</A>
pour pouvoir afficher mapage.html à partir du milieu de la page.
mapage.html



Milieu de page



Lancement de programmes
En plus de sa réaction aux événements onClick, onMouseOver et onMouseOut, la balise <A …> permet d’appeler un script en passant, au paramètre href, une commande javascript précédée, à la place du champ http://, par javascript:.
Exemple :
<A href="javascript:alert('Vous avez cliqué au bon endroit !')">Cliquez ici</A>
pour afficher une fenêtre d’information.
    
Cliquez ici


<A onMouseOver="…"> un script est exécuté chaque fois que la souris arrive sur le texte.
Exemple :
<A onMouseOver="alert('Ce texte s’affiche quand vous \npositionnez la souris sur le lien')"> Placez la souris sur moi</A>
  
Placez la souris sur moi


<A onMouseOut="…"> un script est exécuté chaque fois que la souris quitte la zone du texte
Exemple :
<A onMouseOut="alert('Ce texte s’affiche quand vous \néloignez la souris du lien')"> Placez la souris sur moi</A>
  
Passez la souris sur moi


<A onClick="…"> Ce gestionnaire d'événements a une double fonction :
  • appeler un script avant d’afficher la nouvelle page ;
  • inhiber l'affichage de cette nouvelle page si le script retourne false.
Exemple :
<A href="http://www.google.fr" onClick="return confirm('Êtes-vous sûr ?')">Cliquez ici</A>
pour afficher la page d’accueil de Google.
    
Cliquez ici


Lexique
anchor=ancre, link=lien, name=nom, script=scénario, target=cible, title=titre, web=toile

Introduction au langage HTML© 2005 Vatteville ingénierie