Liens hypertexte

Liens hypertexte

Une des grandes fonctionnalités du Web est la possibilité pour une page de faire un lien vers une autre, créant ainsi une toile infinie (le World Wide Web)

Un lien est fait avec la balise a (pour anchor, une ancre) et a absolument besoin de l’attribut href (hypertext reference) pour spécifier la cible du lien

<a href=cible du lien>texte cliquable</a>

Le texte qui se trouve entre <a> et </a> constitue le lien lui-même et c’est sur lui que l’on peut cliquer

Exemple
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Exemple d'hyperliens</title>
</head>
<body>
  <a href="https://fr.vikidia.org/wiki/Ornithorynque">L'ornithorynque</a><br>
  <a href="images/ornithorynque.jpg">Mon animal préféré</a>
</body>
</html>                             

Notez que, par défaut, un lien est représenté en bleu et souligné, puis passe au violet et souligné lorsqu'il a été visité (nous verrons plus tard comment modifier ces couleurs)

On peut aussi forcer le lien à s’ouvrir dans un nouvel onglet plutôt que dans l’onglet courant en utilisant l’attribut target (qui veut dire "cible") avec la valeur _blank (notez le caractère souligné au début)

Exemple
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Exemple d'hyperliens</title>
</head>
<body>
  <a href="https://fr.vikidia.org/wiki/Ornithorynque"
    target="_blank">L'ornithorynque</a><br>
  <a href="images/ornithorynque.jpg" target="_blank">Mon animal préféré</a>
</body>
</html>                             

Liens à l'intérieur du site Web

Un hyperlien peut pointer vers une ressource qui est dans le même site Web que la page courante ou dans un autre dossier.

Dans ce cas, la mention du protocole et du nom de domaine ne sont pas nécessaires

Exemple :

<a href="images/ornithorynque.jpg">Mon animal préféré</a>

Liens vers un autre site Web

La cible du lien peut être ressource (document HTML, image, fichier, etc.) située sur autre site Web ou sur le site Web courant

Quand la cible est une ressource externe au site Web, le chemin de cette ressource doit inclure le protocole (http:// ou https://)

Exemple :

<a href="https://fr.vikidia.org/wiki/Ornithorynque">L'ornithorynque</a>

La chaîne http signifie Hypertext Transfer Protocol (protocole de transfert hypertexte)

Il s'agit du protocole de communication qui permet d’aller chercher un document sur un serveur Web (HTTPS est la version sécurisée)

La mention du protocole et le nom de domaine (ex : fr.vikidia.org) sont nécessaires dans un lien vers une ressource externe

Liens vers une adresse courriel

Un autre type de lien commun est le lien vers un courriel

Dans ce cas, on donnera l’adresse de courriel du destinataire comme valeur à l'attribut href, en la précédant de la chaîne mailto: (notez l'absence des barres obliques)

<a href="mailto:stephane.chasse@clg.qc.ca">Écrivez-moi!</a>

Le fait de cliquer sur un tel lien démarre l'exécution du logiciel de courrier électronique de l'utilisateur


Début du document