DébutantNon commencé

Exercice 2.1 · 6 min · 0 tentative

Ton premier lien

🎯 Objectif

Créer ton premier lien cliquable — la brique qui fait du web… un web !

📖 Exemple

La bibliothèque du village invite ses visiteurs à lui écrire — le code, et ce que le navigateur en fait :

<p>Une question ? Passe par <a href="contact.html">notre page de contact</a>.</p>

Pourquoi ces deux morceaux ? La balise <a> (anchor, l'ancre) crée le lien, et son attribut href (hypertext reference) indique la destination — ici contact.html, une page du même site. Le texte entre <a> et </a> est la partie cliquable, soulignée par défaut.

💡 Vas-y, clique le lien dans la fenêtre ci-dessus : la page existe pour de vrai !

📝 Consigne

À toi de jouer — même structure, autre lien :

  1. Écris un paragraphe <p> qui présente ton site — une phrase de ton invention
  2. Dedans, crée un lien <a> dont la destination est le fichier blog.html — le nom du fichier, rien d'autre
  3. Son texte cliquable affiche mon blog
  4. Ajoute un second paragraphe avec un lien vers un vrai site (par exemple la doc MDN, https://developer.mozilla.org) qui s'ouvre dans un nouvel onglet grâce à target="_blank"

Résultat attendu

Deux paragraphes : ton lien interne « mon blog », et un lien externe qui, lui, s'ouvre dans un nouvel onglet — sans faire quitter ta page.

Ce qui est vérifié

  • Créer un lien avec la balise <a>
  • Faire pointer le lien vers blog.html
  • Donner au lien le texte cliquable « mon blog »
  • Placer le lien dans un paragraphe <p>
  • Ajouter un second lien vers un site externe (https://…)
  • Ouvrir ce lien externe dans un nouvel onglet (target="_blank")
  • Respecter la structure de la page (doctype, head, body)
  • Fermer toutes les balises ouvertes

Indices (0/4)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé
Indice 4 verrouillé