Chargement...

Les liens en HTML


Les liens hypertexte

La gestion des liens hypertexte se fait avec la balise <a> et l'attribut href. Cette balise est peut être la plus importante du web, sans elle impossible de passer de site en site.

Le lien de base aura cette forme:
<a href="http://www.egypte-antique.com">EGYPTE ANCIENNE</a>
L'exemple ci-dessus affichera :

EGYPTE ANCIENNE
On remarquera que lorsqu'on clique dessus, on quitte le site pour aller sur un autre. Pour éviter de perdre la page en cours on peut donner à la balise <a> l'attribut target qui indiquera la cible de destination.
<a href="xxx" target="_blank">YYY</a>
_blank ouvrira une nouvelle fenêtre du navigateur.
<a href="xxx" target="_top">YYY</a>
_top ouvrira le contenu dans sa totalité sur la page.
<a href="xxx" target="_parent">YYY</a>
_parent affichera le contenu dans le cadre qui enveloppe la structure courante.
<a href="xxx" target="_self">YYY</a>
_self affichera le contenu dans le cadre courant, c'est la valeur par défaut.

Les ancrages

La gestion des encrages se fait avec l'attribut name. Le fait de nommer cette balise la transforme en ancre. Il s'agit d'un point de repère qu'on peut atteindre via l'URL.

L'ancre se présente ainsi:
<a name="nom-de-votre-ancre"></a>
Le pointeur qui permet d'atteindre l'ancre se créer ainsi:
<a href="#nom-de-votre-ancre"></a>
Exemple:

ANCRE
POINTEUR

J'ai rempli la balise <a> par la valeur "ANCRE", j'aurai pu la laisser vide pour rendre l'ancre invisible. Lorsque l'on clique sur le pointeur, le navigateur scroll jusqu'à l'ancre.

Créer un lien sur une image

Pour créer un lien sur une image, il faut encadré l'image des balises <a>

Exemple:
<a
href="http://www.egypte-antique.com"
target="_blank">
<img
alt="Photo egypte ancienne"
title="Photo Egypte Ancienne"
src="http://www.egypte-antique.com/egypte.jpg" />
</a>
Résultat:


UNE QUESTION SUR L'ARTICLE?


CSSW Apprendre à créer son site web CSSW