Les liens permettent de liéer vos pages les unes aux autres ou de renvoyer vos visiteurs sur les pages d'un autre site. Pour cela on utilise la balise d'ancre <a> avec l'attribut src (source), title (descriptif du liens) et d'autre attributs que vous trouverez dans la rubriques Les balises et attributs.

La création d'un lien s'écrit :

<a href="Page ou fichier cible" title="Description du lien"> Texte du lien </a>

Lien vers un autre site

Vous désirez mettre sur votre page, un lien dirigeant sur le site d'Espace.Virtuel dans une nouvelle fenêtre, vous écrirez :

<a href="http://espace.virtuel.free.fr" title="Site d'aide pour les débutants, pour la création de sites internet" target="_blank"> Voir Espace.Virtuel </a>

Ce qui donnera : Voir Espace.Virtuel. Et lorsque vous mettez le curseur de votre souris sur le lien, le descriptif de votre lien s'affiche et si vous cliquez sur le lien, une nouvelle page s'ouvrira avec le site que vous aurez défini.

Lien vers une de vos pages

Quand on conçoit un site, il est rare que l'on réalise une seule page. Pour créer un lien le principe est le même que ci-dessus, mais il est inutile de l'afficher dans une nouvelle fenêtre. Pour appeler votre page que l'on nommera MaPage02.htm pour l'exemple, vous écrirez :

<a href="MaPage02.htm" title="Ma page deux pour l'exemple"> Ma deuxième page </a>

Ce qui donnera : Ma deuxième page

Si votre page se trouve dans un dossier, penser à changer le chemin comme ceci : href="NomDuDossier/MaPage", au même titre que si votre page se trouve dans un dossier et qu'elle appelle l'index.htm par exemple, vous écrirez : href="../index.htm". Cette syntaxe ../ indique que la page se trouve à un niveau supérieur et pour remonter de 2 dossier on ecrit ../../NomDeLaPage et ainsi de suite...

Lien vers un ficher

Pour faire un lien vers un fichier que vous proposez pour le téléchargement, c'est la même approche, mais vous indiquez le nom du fichier. Exemple : Un lien vers le fichier tuto.zip qui se trouve dans le dossier Telechargement, dans le dossier TUTO, on ecrira :

<a href="TUTO/Telechargement/tuto.zip" title="Téléchargement de tuto.zip"> Télécharger le fichier </a>

Ce qui donnera : Télécharger le fichier

Lien vers votre adresse e-mail

ATTENTION : Le fait de mettre votre adresse correcte, vous expose aux Spammeurs, car des robots sillonnent les pages à la récupération des adresses. Si vous cliquez sur me contacter en haut à gauche de la page, vous verrez que mon adresse est sans arobase, donc invalide telle quel est écrite. Pour l'instant l'astuce fonctionne, mais demande à l'internaute une manipulation. Si vous donnez votre adresse, remplacez l'arobase par une image de la lettre ou faite une image de votre adresse. Ne simplifiez pas le travail des spammeurs.

Vous désirez mettre un lien vers votre adresse mail. Avec le lien ci-dessous, lorsque l'internaute cliquera dessus, cela appellera son programme de messagerie et insèrera l'adresse que vous avez indiqué.

<a href="mailto:VotreAdresse@e-mail"> Me contacter </a>

Ce qui donnera : Me contacter

Si vous le désirez vous pouvez rajouter un objet au message

<a href="mailto:VotreAdresse@e-mail?subject=Texte a ajouter dans l'object"> Me contacter </a>

Ce qui donnera : Me contacter

Renvois au sein de la même page

Les ancres, balises <a> peuvent être utiles pour naviguer au sein d'une même page, pour faire des renvois à des endroits précis.

Vous placez l'ancre à l'endroit où vous voulez que le visiteur arrive.

Et vous mettez le lien où vous le désirez

<a href="#haut">Aller à l'ancre haut</a>

Ce qui donnera : Aller à l'ancre haut Le caractère dièse (#) est le signe distinctif des ancres internes. Il suffit de la placer devant les noms des ancres.

Haut de page