Retour à la page d'accueil

Créer des liens hypertextes

Auteur: Jérôme Forget. Publié le 4 décembre 2006.

La balise <a> permet de définir la destination d'un hyperlien. La balise <a> est utilisée généralement avec son attribut href qui permet d'indiquer la source d'un hyperlien. La valeur de l'attribut href est la destination de l'hyperlien.

Le contenu de la balise <a> doit être visible si on veut l'hyperlien cliquable. On insérera généralement du texte ou une image (un icône par exemple) dans la balise afin d'indiquer à l'utilisateur la destination finale de l'hyperlien.

<a href="http://www.monsite.com">Visitez mon site</a>

Liens vers une partie de document

Lorsqu'un élément HTML utilise un attribut id, il est possible de pointer directement sur cet élément dans une page. Cette méthode est pratique pour diriger l'utilisateur vers un élément de contenu bien précis dans une page très longue. Dans cet exemple, un titre h3 possède un attribut id.

<h3 id="Steaks">Recettes de steak d'autruche</h3>

Dans le même document, ou dans un autre, un lien va pointer directement sur cet élément en utilisant la valeur de l'attribut id.

Pour plus d'informations sur l'autruche, visitez notre <a href="http://www.autruche.com/infos.html">page d'infos sur l'autruche</a>, ou essayez plutôt l'une de nos <a href="http://www.autruche.com/infos.html#Steaks">recettes de steaks d'autruche</a>.

Liens pour le téléchargement

Quoique la plupart des documents publiés sur le Web puisse être consultée à même le navigateur (documents PDF, fichiers vidéos QuickTime ou Windows Media, éléments Shockwave ou Flash...), il peut parfois être nécessaire d'avoir recours à une application externe pour visionner un document (dans le cas des documents Microsoft Word par exemple.

Pour qu'un lien télécharge automatiquement une ressource, il importe que le format du fichier ne soit pas géré par le navigateur ou par un de ses plugiciels. Ainsi, le lien suivant téléchargera automatiquement un document Word.

<a href="docs/etude.doc">Étude de cas (format Word)</a>

Liens pour l'envoi de courrier

Un lien hypertexte peut aussi créer un pont entre le navigateur et le logiciel de courrier électronique par défaut sur votre ordinateur. Ce type de lien va permettre à l'utilisateur d'envoyer un courriel à partir de son logiciel de messagerie par défaut.

<a href="mailto:jerome@forget.com">écrivez-moi</a>
À propos | Formation | Ressources | Exercices
© 2004-2007, Jérôme Forget (ajouter au carnet d'adresses). Certains droits réservés.
Sous licence Creative Commons «Paternité - Partage des Conditions Initiales à l'Identique 2.0 Canada».
 Photos : stock.xchngPolitique de confidentialitéDéclaration qualité. Valide: XHTML | CSS.