Introduction La structure du document META tags Formatage de texte Les listes Les tableaux Les liens hypertextes Les images Les formulaires Les caractères spéciaux Les couleurs Passer au XHTML Transférer les pages Le référencement La CNIL

Les liens hypertextes représentent la partie la plus importe de cours. En effet, le lien hypertexte est un élément indispensable car c'est sur lui que repose tout le principe d'Internet. Il représente la seule façon d'accéder à un site ou à n'importe ressource sur Internet.

C'est sans doute pour cela que la balise pour le créer est un "A". Tout comme la lettre "A" est la base de l'alphabet, la balise <a> et la base de l'Internet comme on le connaît.

En effet, le réseau Internet, s'appelait à l'origine Arpanet et réunissait seulement les ressources des grandes universités américaines et il fallait taper de grandes lignes de commandes pour que ça fonctionne. Ce n'est qu'en 1984 qu'est né le lien hypertexte et qu'Arpanet s'est développé et est devenu public pour devenir le réseau Internet.

Il existe trois types de liens hypertextes :

• Le lien externe
• Le lien interne
• Le signet

Le lien externe est un lien hypertexte vers une ressource externes dont on note l'adresse en entier dans l'attribut "href".
Exemple : <a href="http://www.monsite.fr/">

Le lien interne est un lien hypertexte pointant vers une ressource locale (dans l'arborescence du dossier où se trouve notre site). Ainsi on notera cette adresse de façon relative.
Exemple pour accéder à une ressources dans un sous dossier: <a href="dossier/page.html">
De la même manière on peut accéder à une ressouces en remontant dans l'arborescence : <a href="../autrepage.html">
Notez bien qu'il n'est pas possible de remonter plus haut que la racine de votre site. Ceci pour des raisons de sécurités évidentes

Le signet est un lien qui ne va pas accéder à une autre ressource mais qui va permettre de naviguer plus facilement dans la page en cours.
Concrètememt, il faut définir un identifiant sur un lien qui ne pointe pas vers une page extérieure de la manière suivante : <a id="signet">.
Ensuite pour y accéder il suffit de définir un lien pointant vers le signet : <a href="#signet">
Si l'on fait un lien avec # mais que l'on ne marque pas le nom du signet cela revient à faire un lien vers le haut de la page courante comme je l'ai fait en bas de cette page.