<--- Retour Menu

Liens hypertextes.


  1. Liens internes (même page)
  2. Liens internes (page différente)
  3. Liens externes
  4. Lien e-mail
  5. Récapitulatif et exemples


Liens internes (même page).

Les liens internes permettent de se déplacer à l'intérieur d'un fichier HTML sans que le visiteur soit obligé de faire "scroller" la fenêtre. Le visiteur va donc cliquer sur un lien et il sera amené vers l'ancre. Pour cela deux étapes sont nécessaires:

Définir la cible d'un lien (l'ancre).

ex: <A NAME="top"></A>

Il n'est pas nécessaire dans ce cas ci de mettre un texte ou une image, entre les balises d'ouverture et de fermeture. (Le nom ne doit pas contenir d'espaces, ni d'accents, ni de caractères spéciaux).

Associer un lien à une ancre.

ex: <A HREF="#top">top</A>

[TOP]


Liens internes (page différente).

Il est très facile de créer des liens entre des fichiers HTML.

Lien vers une page située sans le même répertoire.


ex : <A HREF="nom.htm">Cliquez ici</A>

Lien dans un répertoire différent.

ex : <A HREF="sujet/nom.htm">Cliquez ici</A>

Lien dans un même répertoire et vers une ancre d'une autre page.


ex : <A HREF="nom.htm#top">Cliquez ici</A>

Lien dans un répertoire différent et vers une ancre d'une autre page.

ex : <A HREF="sujet/nom.htm#top">Cliquez ici</A>

[TOP]


Liens externes.

Les liens externes commencent comme les autres liens, c'est à dire avec la balise <A HREF="..., par contre suivant le protocole, le reste de la syntaxe varie.

Lien externe vers un site http.


ex : <A HREF="http://www.multimania.fr">Découvrez Multimania</A>

Lien externe vers un serveur FTP.

ex : <A HREF="ftp://ftp.multimania.com">FTP Multimania</A>

Lien externe vers un serveur de news.
Attention pour que ce lien soit valide il faut que le visiteur soit abonné à ce serveur de news.

ex : <A HREF="news:news.mygale.org">Les news Multimania!!</A>

Note : Avec un lien externe vous pouvez également proposer un fichier (.EXE ou .ZIP) en téléchargement.


ex : <A HREF="util.exe">Cliquez ici pour télécharger le fichier</A>

[TOP]


Lien e-mail.

Vous pouvez créer un lien e-mail pour que la messagerie paramétrée par défaut du visiteur se lance automatiquement. Attention tout de même ce lien ne marche pas avec les premières versions de Netscape et d'I.Explorer. Ce lien possède plusieurs attributs dont : ?subject= pour définir un sujet (ou objet) automatiquement, ce qui est très pratique pour trier votre courrier.

Lien e-mail sans sujet.


<A HREF="mailto:nom@provider.com">nom@provider.com</A>

Lien e-mail avec sujet (ici renseignement).

<A HREF="mailto:nom@provider.com?subject=renseignement">nom@provider.com</A>

Lien e-mail avec sujet, et texte dans le corps du message.

<A HREF="mailto:nom@provider.com?subject=renseignement&BODY=Votre message">nom@provider.com</A>

Lien e-mail avec sujet, envoyé à 2 personnes (dont une en CC).

<A HREF=mailto:nom@provider.com?cc=nom2@provider2.com&subject=renseignement">
nom@provider.com</A>


Lien e-mail avec 2 personnes (dont une en CCI).

<A HREF=&mailto:nom@provider.com?cci=nom2@provider2.com&subject=renseignement"
>nom@provider.com</A>


[TOP]


Récapitulatif et exemples.

Voici un tableau sur tous les liens existants à l'heure actuelle ainsi que des exemples.

Liens Exemples
Lien interne départ (même page) <A HREF="#top">
Lien interne arrivée (même page) <A NAME="top">
Lien interne (page différente) <A HREF="index2.htm">
Lien externe <A HREF="http://www.multimania.fr">
Lien e-mail <A HREF="mailto:html@multimania.com">
Lien vers news <A HREF="news:news.mygale.org">
Lien vers serveur ftp <A HREF="ftp://ftp.multimania.com">
Lien vers serveur gopher <A HREF="gopher://gopher.site.com">
Lien vers Telnet <A HREF="telnet://bbs.gateway.com">
Lien vers serveur Wais <A HREF="wais://wais.base.com">


[TOP]