Module 1 : Découvrir le Web et HTML
1.1 — Comment fonctionne le Web Aperçu
Module 2 : Structure d'une page HTML5
2.1 — Anatomie d'une page HTML5 Aperçu
Module 3 : Balises de texte — Titres, paragraphes et listes
3.1 — Hiérarchie des titres et paragraphes Aperçu
Module 4 : Liens hypertextes et navigation
4.1 — La balise a (anchor) Aperçu
Module 5 : Images et multimédia
5.1 — Images et attributs Aperçu
Module 6 : Tableaux
6.1 — Créer des tableaux Aperçu
Module 7 : Formulaires HTML
7.1 — Créer un formulaire Aperçu
Module 8 : Formulaires avancés et validation HTML5
8.1 — Validation HTML5 native Aperçu
Module 9 : Sémantique HTML5
9.1 — Les balises sémantiques Aperçu
Module 10 : Accessibilité web et ARIA
10.1 — WCAG et ARIA Aperçu
Module 11 : SEO — Bases du référencement
11.1 — Les fondamentaux du SEO Aperçu
Module 12 : Iframes et intégration externe
12.1 — Utiliser les iframes Aperçu
Module 13 : SVG et Canvas
13.1 — SVG inline Aperçu
Module 14 : Site multi-pages
14.1 — Architecture d'un site Aperçu
Module 15 : Hébergement et mise en ligne
15.1 — Mettre en ligne gratuitement Aperçu
Module 16 : Projet final — Site vitrine HTML5
16.1 — Site vitrine complet Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement
Module 4 : Liens hypertextes et navigation Aperçu gratuit

4.1 — La balise a (anchor)

📋 Objectifs d'apprentissage

  • Créer des liens internes, externes et ancres
  • Utiliser les attributs href, target, title
  • Créer une navigation entre pages
  • Liens e-mail et téléchargement
🔗 La balise <a> — Anatomie <a href="page.html" target="_blank" title="Infobulle" >Cliquez ici</a> ← URL de destination ← Nouvel onglet ← Texte au survol

Types de liens

<a href="page2.html">Page suivante</a>                 ← Interne
<a href="https://google.com" target="_blank">Google</a>  ← Externe (nouvel onglet)
<a href="#section2">Aller à la section 2</a>             ← Ancre
<a href="mailto:contact@site.com">Écrire</a>              ← E-mail
<a href="doc.pdf" download>Télécharger</a>                ← Téléchargement

Navigation entre pages

<nav>
  <a href="index.html">Accueil</a> |
  <a href="about.html">À propos</a> |
  <a href="contact.html">Contact</a>
</nav>

⚠️ Erreur fréquente

Oublier le chemin relatif. Si vous êtes dans /dossier/page.html, href="index.html" pointe vers /dossier/index.html, pas /index.html. Utilisez href="/index.html" pour la racine.

Ceci est un aperçu gratuit.
Voir la formation complète