La balise <a> (anchor) est utilisée pour créer un lien hypertexte en HTML. Elle permet de spécifier l'emplacement de la page web ou du fichier à afficher lorsque l'utilisateur clique sur le lien en utilisant l'attribut href (hypertext reference). Il est également possible de spécifier d'autres options pour le lien en utilisant d'autres attributs tels que target (ouvrir le lien dans une nouvelle fenêtre ou un nouvel onglet), title (texte d'infobulle), etc.

Voici quelques d'utilisation de la balise <a> pour créer un lien vers une autre page web:

Ce lien, ouvrira une page “a-propos.html”, situé dans un dossier “pages”

<a href="pages/a-propos.html"> A propos </a>

Ce lien, ouvrira une page d’un autre site, via un nouvel onglet (attribut target, valeur “_blank”)

<a href="<https://www.bicky.be>" target="_blank">Visiter le site</a>

Ce lien, un fichier recettes.pdf situé dans un dossier “fichiers”

<a href="fichiers/recettes.pdf" target="_blank">Recettes avec frites</a>

Ce lien va ouvrir un site dans un nouvel onglet, mais contiendra une image au lieu d’un texte

<a href="<https://www.bicky.be>" title="Lien vers bicky.be" target="_blank">
   <img src="images/burgers/bicky_exploded.webp" alt="Image d'un bicky">
</a>

Notez plusieurs points importants dans ces syntaxes :

• Il est important d'utiliser l'attribut "title" lorsque le contenu visible du lien n'est pas assez explicite. Sous-entendu, quand ce n’est pas un texte qui est cliquable, mais un image
• Il est d'utiliser ce lien pour pointer vers des fichiers.
• Vous pouvez utiliser des liens internes ou externes à votre site.
• Lors d'un lien externe, il est d'usage d'utiliser l'attribut target et de lui assigner la valeur _blank afin que la page cible soit ouverte dans un nouvel onglet. De ce fait, l'utilisateur ne perdra pas la page d'origine en navigant sur un autre site.