Ajouter des liens
L'essence même du Web, c'est de permettre de naviguer entre les pages et les sites qui le constituent. Cette navigation s'effectue par l'intermédiaire de liens dits "hypertextes". Ces liens sont des caractères ou des images qui pointent vers une autre page ou une autre partie de la même page.
Délimités par la balise d'ouverture
<a> et de fermeture
</a>, on en trouve de quatre sortes :
- les liens externes, qui pointent vers un autre site
- les liens internes, qui appellent une autre page du même site
- les liens vers une ancre, point préalablement défini dans une page Web (lien vers un paragraphe par exemple)
- les liens vers une adresse email
Dans tous les cas, la syntaxe reste la même :
<a href="adresse">Texte de l'appel du lien</a>
Nous allons insérer 2 liens dans notre page d'accueil. Pour cela, commencez par créer la deuxième page de votre site, par exemple "mesliens.html", et placez-la dans le dossier correspondant.
Revenons à la page d'accueil et insérez le code suivant entre les balises <body> et </body> :
<!--Insérons une séparation à l'aide d'une barre horizontale-->
<hr>
<!-- Puis un premier lien vers la 2ème page de votre site -->
<a href="liens/mesliens.html">Mes sites favoris</a>
Pour recopier ce code sélectionnez-le en cliquant dessus, copiez-le (Ctrl+c) puis collez-le dans votre document (Ctrl+v).
A l'attribut "
href" nous avons assigné un chemin relatif, par rapport à la page où nous nous trouvons (cette méthode est fortement recommandée pour les liens internes).
Ajoutons ensuite un lien vers une adresse e-mail :
<a href="mailto:monpseudo@ifrance.com">Contactez-moi</a>
Vous avez à présent un lien sur la page "index.html" vers la page "mesliens.html".
Nous allons insérer un lien pour retourner de "mesliens.html" vers la page d'accueil :
<a href="/index.html">Accueil</a>
Nous voyons que pour revenir à un dossier de niveau supérieur, le chemin d'accès au fichier doit être précédé du signe "
/", comme suit : "/chemin_du_fichier".
Insérez ensuite les liens vers vos sites Web favoris, en entrant cette fois ce qu'on appelle une adresse absolue, c'est-à-dire l'url complète :
<a href="http://web.ifrance.com/">Visitez iFRANCE</a>