Un lien hypertexte est un mot ou une phrase qui permet, lorsqu’on clique dessus, de naviguer vers une autre page Web, une adresse mail, un fichier à télécharger, etc.
Chaque page possède une URL (une adresse) qui lui est propre et qui commence généralement par http://
La balise <a> </a> indique le type de lien que l’on veut insérer : à la différence des autres balises elle ne peut être utilisée telle quelle, il est obligatoire de lui affecter des attributs.
Lien vers une adresse externe
Pour insérer un lien hypertexte sur un mot ou un groupe de mots vers une adresse Internet, il faut utiliser l’attribut href (Hypertext Reference).
<a href="https://cdscweb.fr/chat-robaze" target="_blank">
Page d'accueil de ce site</a>
L’attribut href spécifie qu’il s’agit d’une adresse, un lien est facilement reconnaissable (en général souligné) et lorsque la souris le survole le curseur se transforme en main.
L’attribut target=“_blank” indique que le lien doit s’ouvrir dans un nouvel onglet.
Lien vers une adresse e-mail
Placer un lien vers une adresse e-mail ouvrira la messagerie par défaut de l’internaute (Thunderbird, Outlook, etc.) avec l’adresse spécifiée.
Dans ce cas l’attribut href sera suivie de de la mention mailto: suivie de l’adresse souhaitée.
<a href="mailto:chat.robaze@gmail.com>
Envoyez un courriel</a>
<a href="mailto:chat.robaze@gmail.com?
subject=Contact">
Envoyez un courriel</a>
Dans le deuxième exemple ci-dessus, on a spécifié le sujet du message qui sera envoyé par l’internaute lorsqu’il aura cliqué sur le lien.
Pour cela l’adresse e-mail est suivie d’un point d’interrogation et du texte du sujet (ici Contact).
Lien sur une image
Tout comme il est possible de placer un lien sur du texte, il peut aussi être placé sur une image : il suffit d’encadrer la balise <img src=“adressedelimage”> par les balises <a> et </a>.
<a href="mailto:chat.robaze@gmail.com?
subject=Thunderbird">
<img src="https://cdscweb.fr/chat-robaze/wp-content/
uploads/thunderbird.png"></a>
Dans le prochain article, il sera question des images.