Entrée | Sommaire | Historique | Structure | Entête et Corps | Textes | Liens | Listes | Images | Tableaux | Cadres | CSS | Propriétés CSS | Annexes

Lien hypertexte

Sommaire

Les liens : <a></a>

La balise permettant de faire des lien s'appèle une ancre. Elle porte ce nom car elle permet non seulement de permettre un lien vers un endroit spécifique, mais, aussi de poser une ancre dans une page qui pourra être utilisée pour servir de point d'arrivée d'un lien.

L'élément servant d'ancre ou de lien doit être situé entre les balises <a> et </a> .Cet élément peut être du texte, un image, ou tout autre objet.

Une ancre, n'est pas forcement un lien, et inversement.

Attributs de la balise <a>
name="..." : permet de donner un nom à l'élément afin qu'il serve d'ancre. Si un lien se dirige vers cette ancre, le butineur ouvrira la page dans laquelle se trouve l'ancre et la fera défilée pour se positionner à son niveau.
href="URL" : Permet de créer un lien vers une autre page ou une ancre. Toute la zone comprise entre les balises <a> et </a> pourra servir de lien vers l'URL servant de valeur a cette attribut.
Si le lien mène vers une ancre, le caractère # doit précéder le nom de l'ancre. Si le lien mène vers une ancre situé sur la page en cours, il est inutile d'ajouter l'adresse de la page. Si le lien mène vers une ancre située sur une autre page, l'URL de la page doit précéder le # et le nom de l'ancre.
Si le lien mene vers un e-mail, la valeur doit être mailto: suivit de l'email. Exemple: mailto:deuxcha@free.fr
Il est possible de créer un lien vers un mail. en utilisant l'adresse mail de la personne voulu précédé de mailto: .
target="..." : zone d'affichage du lien.
Exemple d'utilisation des liens
Code effet
<a name="exemple" >exemple d'ancre<a> Crée une ancre nommée exemple.
<a href="#exemple" >exemple de lien vers l'ancre nommée exemple<a> Crée un lien vers l'ancre située sur la page actuelle et nommée exemple.
D'autre exemples de lien vers des ancres dans une même page sont les sommaires des pages de ce site.
<a href="http://stephane.chalamet.free.fr/html/index.html" >exemple de lien vers une autre page Internet.<a> Crée un lien vers une autre page Internet.
D'autre exemples de lien vers d'autres pages sont les titres des pages de ce site.
<a href="http://stephane.chalamet.free.fr/images.html#map" >exemple de lien vers une ancre située sur une autre page Internet.<a> Crée un lien vers une ancre située sur une autre page Internet. (ici, vers l'ancre nommée map sur la page http://stephane.chalamet.free.fr/images .
<a href="http://stephane.chalamet.free.fr/index.html" target="_blank" >exemple de lien qui s'ouvre dans une nouvelle fenêtre.<a> Crée un lien vers une page Internet. Cette page s'affiche dans une nouvelle fenêtre du butineur.

Retour au sommaire

Entrée | Sommaire | Historique | Structure | Entête et Corps | Textes | Liens | Listes | Images | Tableaux | Cadres | CSS | Propriétés CSS | Annexes


1 juillet 2002
Stéphane Chalamet : stephane.chalamet@free.fr