Cours HTML : les liens

Les liens hypertextes — L'élément <A>

Sommaire

  1. Définir un lien
  2. Types de liens

Définir un lien

Les liens hypertextes sont définis à l'aide de l'élément <A>. Le texte de cet élément constitue la zone sur laquelle cliquer pour exécuter un lien :
<A HREF="adresse de destination">Nom du lien<A>

L'adresse de destination peut être une URL ou bien un nom de fichier situé sur le même serveur. Dans ces deux cas on parle de lien externe. Mais un lien peut aussi diriger vers un marqueur, ou une étiquette, situé dans la même page. Il s'agit alors d'un lien interne.

Les liens pointent souvent vers d'autres documents HTML mais ce n'est pas obligatoire. On peut diriger un lien vers n'importe quel type de document. Le navigateur lance alors le "visualiseur" adapté ou bien propose d'enregistrer le fichier sur le disque local.

Les liens externes

Les liens internes

Ils pointent vers une étiquette située dans le même document HTML. Cette étiquette doit être définie avec un élément <A> complété cette fois-ci par l'attribut name.

On utilise le caractère # pour déterminer si une lien se réfère à un autre document (lien externe) ou à une étiquette dans le même document.

Définition d'une étiquette
<A NAME="sommaire"></A>
Ce code n'affiche rien, mais cette étiquette a été placé au début du document.
Lien vers une étiquette
<A HREF="#sommaire">Sommaire</A>
Sommaire

On peut aussi aller vers une étiquette dans un autre document :

<A HREF="bases.html#sommaire">Sommaire du chapitre "Les bases"</A>
Sommaire du chapitre "Les bases"

Les attributs HREF et NAME peuvent être présents sur la même ancre.

Par exemple, pour définir une note :
<A HREF="#note1" NAME="retour1">(1)</A>

... et la note décrite plus loin : ...
<A HREF="#retour1" NAME="note1">1. </A>
  Texte de la note...

exemple de note (1)

Types de liens


1. Texte de la note...

Le chapitre suivant est consacré aux images.