Apprendre le HTML : les liens

Les liens sont des relais vers d'autres pages web. Ces destinations vers lesquelles "pointent" les liens peuvent être externes à la page web visitée ou internes, c'est-à-dire qu'ils pointent en direction d'un endroit spécifique de la page visitée.

Les liens en HTML ont une syntaxe très simple symbolisée par la balise <a> et </a>

Exemple :

<a href="http://developpezz.blogspot.com/">HTML</a>

Si vous passez votre curseur sur ce lien, il va devenir souligné et va afficher dans la barre d'état (en bas à gauche de votre écran) la destination du lien. A ce sujet, méfiez-vous des liens dont la destination n'est pas visible dans la barre d'état. Cela peut réserver des surprises !

Par défaut, les liens non visités sont colorés (en général en bleu) et soulignés par votre navigateur, et colorés en brunâtre/rougeâtre lorsqu'ils ont été activés... Cette propriété peut être par la suite modifiée grâce aux CSS, que nous verrons plus tard.

Dans <a href="http://developpezz.blogspot.com/">site</a> le lien pointe vers une adresse absolue.

Si dans mon site "http://www.site.com", j'ai 3 pages : la première "index.html", "jaune.html" pour la deuxième et "rouge.html" pour la troisième. Si je veux que à partir de "index.html", on puisse accéder à "rouge" et "jaune", voici ce que je vais écrire :

<a href="rouge.html">les tulipes de Hollande</a> et
<a href="jaune.html">les épices du soleil</a>

Il s'agit ici d'adresses relatives, c'est-à-dire de pages de votre site qui ont un lien, une relation directe avec votre page "index.html", puisque toutes trois font partie intégrante de l'arborescence de votre site.

Pour les images comportant un lien, la syntaxe sera la même :

<a href="http://www.site.com/"><img src="golf.gif"></a>

Un lien interne à la page elle-même sera écrit de la façon suivante :

<a href="#là_haut">on y va</a>

ce qui va afficher : on y va

tandis que la destination qui va accueillir le visiteur sera définie comme suit :
<a name="là_haut">

Autre point, la cible d'arrivée peut être spécifiée. Si vous désirez que votre page s'affiche dans une toute nouvelle fenêtre, votre lien sera formulé ainsi :

<a href="mon_lien.html" target="_blank">mon_lien</a>

Si vous voulez au contraire faire apparaître votre page dans une frame spécifique, votre lien sera le suivant :

<a href="mon_lien.html" target="nom_de_la_frame">mon_lien</a>