HTML : Les Liens

Les liens sont le fondement même du HTML.
Ils permettent aux utilisateurs de naviguer d’une page à l’autre, que ce soit au sein d’un même site ou vers un autre.

💡 Exemple courant : Un mot compliqué dans un texte peut contenir un lien menant vers sa définition sur une autre page.

Voyons ensemble les différents types de liens en HTML.

Nous trouverons ainsi :

 - le lien d'ancrage menant à un point précis indentifié par un "id" :

<a href="#ma-cible">Aller à ma cible</a>

et la cible identifiée comme suit :

<div id="ma-cible">Element contenant la cible visée</div>

l'id sera unique et jamais réutilisé sur un site donné.

 - le lien interne : 

<a href="ma-page-cible.html">Aller à ma page cible</a>

qui mène simplement sur une autre page du site.

 - le lien externe :

<a href="https://www.google.fr">Aller sur la page d'accueil de Google</a>

qui mène vers la page d'un autre site.

 - le lien externe sur un nouvel onglet :

<a href="https://www.google.fr" target="_blank">Aller sur la page d'accueil de Google</a>

qui mène vers la page d'un autre site mais sur un nouvel onglet.

 - le lien de téléchargement :

<a href="images/mon-image.jgp" download>Télégarger mon-image.jpg</a>

qui permet à l'utilisateur de télécharger l'image ou le fichier proposé.

 - le lien email :

<a href="mailto : contact@mon-site.fr">Envoyer un email</a>

qui permet d'ouvrir un client mail avec contact@mon-site.fr en tant que destinataire.

 - le lien téléphonique :

<a href="tel : +0603050408">Appeler moi</a>

qui permet d'ouvrir un client téléphonique au numéro indiqué.