Les liens permettent de relier des pages entre-elles ou vers un autre site que le votre. Dans notre exemple ci-dessous nous utilisons notre site informatique gifs comme exemple.

<a href ="http://www.informatiquegifs.org/">informatique gifs </a>

Résultat informatique gifs

Lorsque vous passez la souris sur le lien. L'adresse s'affiche dans la barre d'état, c'est-à-dire en bas a gauche de votre navigateur.

Pour faire un lien vers une catégorie de votre site (une autre page)

<a href ="lenomdelapagex.html">nom de votre page</a>

Résultat

 Les images

Pour ajouter du texte lors du passage de la souris sur le lien. Nous utilisons la balise title.

<a href ="nomdevotrepage.html" title=>nom de votre page </a>

Résultat (passez la souris sur le lien)

 Les images

Il est possible de mettre un lien sur une image. Dans ce cas lorsque le visiteur clic sur l'image il va être possible d'aller sur un autre site ou une autre page de votre site Internet.

<a href="lenomdelapage.html"><img src="image.jpg " width="100" height="110" border="0"></a>

Résultat

Ci -dessus vous avez lenomdelapage.html qui correspond au nom de la page ou vous voulez a relier vers une autre page interne du site. Image.jpg a remplacé par votre image. Width pour la largeur et height pour la hauteur, nous avons ici une bordure de 0, c'est-à-dire pas de bordure. La balise border n'est pas obligatoire si le nombre est de zéro et quand il n'a pas un lien. Si dans le cas il y'a un lien vous verrez apparaître du bleu autour de l'image. Ce n'est pas très beau, pour une image ayant un lien il est donc utile de laisser la balise border.

<a href="lenomdelapage.html"><img src="image.jpg " width="100" height="110"</a>

Résultat

avec la balise border

Pour ouvrir un lien dans une autre fenêtre il est indispensable d'utiliser la balise target="_blank"

Code lien hypertexte (lien texte)

<a href ="lenomdelapagex.html" target="_blank">nom de votre page</a>

Résultat Les images

Lorsque vous cliquer sur le lien la page s'ouvre dans une autre fenêtre

Sur une image

<a href="lenomdelapage.html" target="_blank"><img src="image.jpg " width="100" height="110"</a>

Résultat

Lorsque vous cliquer sur l'image la page s'ouvre dans une autre fenêtre.