Liens
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 21 sur 60.
En HTML, un lien (ou hyperlien) est un élément qui connecte une page web à une autre.
Vous pouvez créer des liens vers d'autres pages web, des fichiers, des emplacements au sein de la même page ou toute autre URL. Les liens sont créés à l'aide de la balise <a>, qui signifie « anchor » (ancre).
Voici la syntaxe de base pour créer un lien en HTML :
<a href="url">Link text</a><a>: La balise d'ancrage ouvrante.href: L'URL de destination du lien.
Link text: Le texte visible que les utilisateurs verront et sur lequel ils cliqueront.</a>: La balise d'ancrage de fermeture.
Voici un exemple de la manière de créer un lien vers la page d'accueil de Google :
<a href="https://www.google.com">Visit Google</a>Dans cet exemple, lorsqu'un utilisateur clique sur le texte « Visiter Google », il sera dirigé vers https://www.google.com.
Défi
FacileCréez un document HTML qui inclut les liens suivants :
- Un lien qui pointe vers "https://coddy.tech" et affiche le texte "Visit Coddy".
- Un lien qui pointe vers "https://www.google.com" et affiche le texte "Visit Google".
Bonus : essayez de cliquer sur les liens !
Aide-mémoire
Les liens en HTML sont créés à l'aide de la balise <a> (ancre) avec l'attribut href :
<a href="url">Link text</a>href: L'URL de destinationLink text: Le texte cliquable visible
Exemple :
<a href="https://www.google.com">Visit Google</a>Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Écrivez votre code ici -->
</body>
</html>
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fundamentals
1Les bases du HTML
Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML7Page de profil personnel
Présentation du projetSection d'en-tête
Photo de profilSection À propos de moiLiens sociaux2Texte et mise en forme
TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme8Formulaires et champs de saisie, partie 1
Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base11Page d'inscription à un événement
Aperçu du projetSection d'en-têteSection des détails de l'événementFormulaire d'inscriptionSection de pied de page3Travailler avec les listes
Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes6Mise en page
DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en page