🔗 Résumé sur les hyperliens HTML¶
📌 Définition¶
Les hyperliens sont des éléments cliquables dans une page HTML qui permettent de :
- Aller vers une autre page du même site
- Aller vers une page d’un autre site
- Accéder à une section spécifique de la même page
- Ouvrir ou télécharger un fichier
🧱 Syntaxe de base¶
<a href="destination">Texte ou élément cliquable</a>
href: indique la destination du lien
🧭 Types de liens¶
🔹 Lien interne (local)¶
Pour naviguer sur les pages d'un site web.
<a href="contact.html">Nous contacter</a>
🔹 Lien externe¶
Pour naviguer sur des pages d'autres sites web.
<a href="https://www.w3schools.com/">Site de référence</a>
🔹 Lien d’ancrage (vers une section de la page)¶
Pour naviguer sur une section de la page.
<h2 id="chap2">Chapitre 2</h2>
<a href="#chap2">Aller au chapitre 2</a>
🔹 Lien vers le haut de la page¶
Pour retourner au haut de la page.
<a href="#top">Retour vers le haut</a>
🖼️ Image cliquable¶
Pour créer une image cliquable, on l'insère comme enfant à un lien cliquable.
<a href="https://example.com">
<img src="logo.png" alt="Logo">
</a>
⚙️ Attributs utiles¶
target="_blank"¶
Ouvre le lien dans un nouvel onglet ou une nouvelle fenêtre.
<a href="https://example.com" target="_blank">Visiter le site</a>
title="..."¶
Affiche une info-bulle au survol du lien.
<a href="https://example.com" title="Aller vers le site">Lien</a>
✅ Les hyperliens sont essentiels pour naviguer sur le web. Bien les utiliser améliore l’expérience utilisateur !