HTML : Les liens

LA BALISE <A> permet de créer un lien hypertexte. Ses attributs sont :
- HREF : indique la source du document
- TARGET : définie la source d’un cadre comme document
- STYLE : spécifie une feuille de style
- TITLE : spécifie une description du lien

LES LIENS INTERNES

• Les ancres

Les ancres permettent de se déplacer à l’intérieur d’un fichier HTML, sans que le visiteur soit obligé de "scroller". Le fait de cliquer sur ce lien amène vers une ancre que vous avez préalablement placée. Pour cela deux étapes sont nécessaires :

- Définir la cible d’un lien (l’ancre)
- Associer un lien à une ancre

exemple :

<A NAME="2"></A> ici on donne un nom à l’ancre que vous placez où vous voulez dans votre page.

<A HREF="#haut">haut de page</A> ici on affecte le lien au texte haut de page

• Autres types de liens internes

- Lien vers une page située dans le même répertoire
exemple :
<A HREF="votre_page.html">votre texte</A>

- Lien dans un répertoire différent
exemple :
<A HREF="répertoire/votre_page.html">votre texte</A>

- Lien dans un même répertoire et vers une ancre d’une autre page
exemple :
<A HREF="votre_page.html#2">votre texte</A>

- Lien dans un répertoire différent et vers une ancre d’une autre page
exemple :
<A HREF="répertoire/votre_page.html#2">votre texte</A>

LES LIENS EXTERNES

• Lien externe vers un site Web
<A HREF="http://www.webyo.net">webyo.net</A>
Avec un lien externe vous pouvez proposer un fichier (.PDF, .ZIP ou autres) en téléchargement
<A HREF="votre_fichier.zip">cliquez ici pour le téléchargement</A>

Les liens e-mail
Vous pouvez créer un lien e-mail pour que vos visiteurs vous laissent un message.

• Lien e-mail sans sujet
<A HREF="mailto:contact@webyo.net">Contact</A>

• Lien e-mail avec sujet
<A HREF="mailto:contact@webyo.net ?subject=sujet">Contact</A>

• Lien e-mail avec sujet et commentaires
<A HREF="mailto:contact@webyo.net ?subject=sujet&BODY=message">
Contact</A>