Créer des liens

Connecter ton site à d'autres pages, sections ou fichiers.

Imagine : tu es en plein jeu avec plusieurs fenêtres ouvertes. Un lien, c’est comme basculer d’un onglet à l’autre, ouvrir une map, ou cliquer sur un fichier bonus. Tu restes dans le flow, tout est à portée de clic.

4.1Lien vers une autre page

Le lien classique, pour aller vers une autre page :

<a href="contact.html">Contact</a>

4.2Lien interne (ancre)

Ce type de lien permet de "téléporter" l’utilisateur à un endroit précis de la même page :

<a href="#missions">Voir les missions</a>
...
<h2 id="missions">Liste des missions</h2>

4.3Lien externe

Pour pointer vers un autre site web, avec ouverture dans un nouvel onglet :

<a href="https://mdn.dev" target="_blank">Documentation MDN</a>

4.4Lien de téléchargement

Avec l’attribut download, le lien déclenche un téléchargement :

<a href="guide.pdf" download>Télécharger le guide</a>

Attention au target='_blank'

Quand tu utilises target="_blank", assure-toi que c'est nécessaire. Ouvrir trop d'onglets peut agacer l'utilisateur.

Verifie tes acquis

3 questions pour valider ce chapitre

1. Quel attribut de la balise <a> contient l'URL de destination ?

href (hypertext reference) est l'attribut qui contient l'adresse vers laquelle le lien pointe.