Les hyperliens
Les liens hypertextes sont des éléments d'une page HTML qui permettent aux internautes de naviguer vers une URL lorsque l'on clique dessus. Ce sont les liens hypertextes qui permettent de lier des pages Web les unes aux autres. En général, ils sont soulignés et d'une couleur différentes que le texte ordinaire, ils changent de couleur lorsqu'ils sont survolés.
Les hyperliens permettent de naviguer- du document vers un autre emplacement de la même page
- du document vers une autre page du site
- du document vers un autre site
On utilise la balise <a href>...</a> :
<a href="URL"> lien vers URL </a>
Lien vers un site extérieur
Un lien externe est un lien vers une page pointée par son URL.
<a href="http://www.google.fr"> lien vers google </a>
Et le résultat dans la page donne ceci : lien vers google
Lien vers un serveur ftp
On peut également effectuer des liens vers un serveur ftp, de la manière suivante :
<a href="ftp://ftp.jussieu.fr/">serveur de Jussieu </a>
Lien vers un serveur de news
On peut également effectuer des liens vers un serveur ftp, de la manière suivante :
<a href="news://news.site">Serveur de news</a>
Lien local
On peut créer un lien vers une page située sur le même ordinateur en remplaçant l'URL par le fichier cible.
<a href="file:///D:/maPage.pdf">ma page </a>
Lien Absolu, lien relatif
Avant d'aller plus loin, pour comprendre le principe des liens il faut comprendre comment est construit un site Web. Le site est constitué de pages, de documents. Ces pages et ces documents sont rassemblés dans différents dossiers ou répertoires. La page d'ouverture s'appelle toujours index.html.Tout le site s'articule autour de cette page. L'image suivante présente un mini site avec un index, et des pages rassemblées dans un dossier qui contient deux sous-dossiers et un sous-sous-dossier:
Lien relatif
Un lien peut être créé de façon relative, en repérant le fichier cible par rapport au fichier source. Si je suis sur la page index et que je vais chercher le fichier "maPage.html" situé dans le sous-dossier03, son lien s'écrira:
<a href="dossier01/sousDossier01/soussousDossier01/maPage.html"> texte </a>
Mais si je suis sur maPage.html et que je veux remonter vers l'index, je vais remonter dans l'arborescence et pour chaque dossier que je remonte, j'écris : ../ Je vais donc écrire ce chemin de cette manière :
<a href="../../../index.html"> texte </a>
Lien absolu
Un lien absolu permet d'attendre le document à l'aide du chemin complet et de son nom. Voici un exemple de lien absolu sur un fichier local :
<a href="file:///lecteur:/répertoire/index.html"> ... </a>
Voici un autre exemple de lien absolu vers mon site par exemple pour revenir sur la page d'introduction :
<a href="http://courshtml.jacquenod.net/HTML03/hyperliens.html">