Liens : relier le Web
Apprenez à créer des liens cliquables
Liens : relier le Web est une leçon HTML for Kids gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage HTML for Kids, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours HTML for Kids comprend 4 leçons au total.
Les liens : connecter le Web
Bienvenue dans la prochaine leçon ! Aujourd’hui, nous allons apprendre à créer des liens en HTML. Les liens relient différentes pages web et permettent aux utilisateurs de naviguer facilement sur Internet.
Que sont les liens ?
Les liens sont des éléments cliquables d’une page web qui vous dirigent vers une autre page, une section précise ou même un fichier.
Les liens sont créés à l’aide de la balise <a>, qui signifie « ancre ».
Créons un lien simple !
Créer un lien simple
Pour créer un lien, utilisez la balise <a> avec l’attribut href. href indique la destination du lien.
Exemple :
<a href="https://www.google.com">
Visit Google</a>
Ouvrir les liens dans un nouvel onglet
Vous pouvez faire ouvrir un lien dans un nouvel onglet en ajoutant l’attribut target="_blank" à la balise <a>.
Exemple :
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
Créer un lien vers d’autres pages
Les liens peuvent également renvoyer vers d’autres pages de votre site web. Utilisez une URL relative (le nom du fichier) au lieu d’une adresse web complète.
Exemple :
<a href="about.html">About Us</a>
Créer un lien vers des sections précises
Vous pouvez créer un lien vers une section précise de la même page en utilisant un ID. Ajoutez l’ID à l’élément vers lequel vous souhaitez créer un lien, puis utilisez #id dans l’attribut href.
Exemple :
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
Créer un lien vers des adresses e-mail
Vous pouvez créer un lien qui ouvre l’application de messagerie de l’utilisateur en utilisant mailto: dans l’attribut href.
Exemple :
<a href="mailto:hello@example.com">
Send an Email</a>
Ajouter des infobulles aux liens
Vous pouvez ajouter une infobulle qui apparaît lorsque l’utilisateur survole le lien à l’aide de l’attribut title.
Exemple :
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
Bravo !
Félicitations ! Vous avez appris à créer des liens, à les ouvrir dans de nouveaux onglets, à créer des liens vers des sections précises et même vers des adresses e-mail. Les liens sont la colonne vertébrale du Web : ils relient tous ses éléments. Dans la prochaine leçon, nous apprendrons à ajouter des images à vos pages web. Préparez-vous à rendre vos pages plus colorées !
Apprends HTML avec un tuteur IA — gratuit
Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.
- Cours
- 16
- Leçons
- 35
Questions Fréquemment Posées
La leçon « Liens : relier le Web » est-elle gratuite ?
Oui — le texte complet de « Liens : relier le Web » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours HTML for Kids, passe à CoddyKit PRO. Le cours HTML for Kids comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Liens : relier le Web » ?
Apprenez à créer des liens cliquables Tu pratiques HTML for Kids avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer HTML for Kids ?
Aucune expérience préalable n'est requise. HTML for Kids sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.
Combien de temps prend la leçon « Liens : relier le Web » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon HTML for Kids ?
Oui. Chaque leçon HTML for Kids inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Titres et paragraphes
- Listes : ordonnées et non ordonnées
- Liens : relier le Web
- Images : ajouter des images à votre page