Liens
Fait partie de la section Fondamentaux du Journey HTML de Coddy. Leçon 21 sur 60.
En HTML, un lien (ou hyperlien) est un élément qui relie une page Web à une autre.
Tu peux créer des liens vers d’autres pages Web, des fichiers, des emplacements dans la même page ou toute autre URL. Les liens sont créés à l’aide de la balise <a>, qui signifie « ancre ».
Voici la syntaxe de base pour créer un lien en HTML :
<a href="url">Link text</a><a>: La balise ouvrante d’ancre.href: L’URL de destination du lien.
Link text: Le texte visible que les utilisateurs verront et sur lequel ils cliqueront.</a>: La balise de fermeture du lien.
Voici un exemple de création d’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 « Visit Google », il est redirigé vers https://www.google.com.
Défi
FacileCrée un document HTML qui comprend 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 : essaie de cliquer sur les liens !
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Écrivez le 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 Fondamentaux
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 pageEntraînez-vous par vous-même : Playground Web