DébutantNon commencé

Exercice 2.7 · 12 min · 0 tentative

Défi : la page du club photo

🎯 Objectif

Le final du module : construire la page d'accueil du club photo en combinant tout ce que tu viens d'apprendre — liens, image, tableau et contact. L'éditeur est (presque) vide, comme pour un vrai projet.

📝 Consigne

Construis la page du club photo avec :

  1. Un titre principal <h1> — un seul ! — par exemple « Club photo du lycée »
  2. Un menu de 2 liens vers les pages du site : les fichiers galerie.html et contact.html, avec les textes cliquables de ton choix — exactement ces deux liens dans le menu, pas un de plus
  3. L'image dont le chemin est /images/nuxy/mini/nuxy-sucette.png, avec un alt qui décrit ce qu'on voit
  4. Un titre de section <h2> — par exemple « Prochaines sorties »
  5. Un tableau avec une ligne d'en-têtes de 2 cellules <th> (par exemple Date et Lieu) et 2 lignes de données, soit 4 cellules <td> — le programme des sorties de ton invention
  6. Un paragraphe de contact sous le tableau, avec 2 liens : l'un vers l'adresse e-mail photo@example.com, l'autre vers le numéro 032 000 00 12. Chaque lien affiche cette adresse ou ce numéro, tel quel.

Résultat attendu

Une vraie petite page de club :

  • le menu — tes deux liens s'ouvrent dans l'aperçu 📸
  • la mascotte du club en illustration
  • le programme des sorties en tableau
  • l'adresse et le numéro du club, cliquables

Ce qui est vérifié

  • Poser un titre principal <h1> — un seul
  • Créer le lien vers galerie.html
  • Créer le lien vers contact.html
  • Limiter le menu à deux liens
  • Afficher la mascotte du club
  • Décrire l'image avec un texte alternatif
  • Ajouter un titre de section <h2>
  • Nommer les colonnes du tableau avec deux <th>
  • Remplir deux lignes de données, soit 4 cellules <td>
  • Créer le lien vers l'adresse e-mail
  • Afficher l'adresse dans le texte du lien
  • Créer le lien vers le numéro de téléphone
  • Afficher le numéro dans le texte du lien
  • Respecter la structure de la page (doctype, head, body)
  • Fermer toutes les balises ouvertes

Indices (0/3)

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