Énoncé de l'exercice

Je vous propose de raconter une journée qui vous a marqué (ça peut être un bon souvenir, une fête, un voyage, une réussite, etc.).
L’idée, c’est de structurer un petit texte en HTML en utilisant les balises de texte.
Voici ce que je vous demande :
1. Créez un fichier journee.html.
2. Mettez la structure HTML complète (<!DOCTYPE html>, <html>, <head>, <body>, etc.).
3. Dans le <body>, racontez votre journée en respectant les points suivants :
- Donnez un titre principal avec <h1> → par exemple « Ma journée inoubliable »
- Ajoutez un sous-titre avec <h2> pour préciser le lieu ou la date
- Écrivez un ou deux paragraphes (<p>) pour raconter ce qui s’est passé
- Mettez un ou deux mots en italique avec <em> pour montrer une émotion
- Soulignez une partie importante avec du gras (<strong>)
- Ajoutez une citation que vous avez entendue ou dite ce jour-là avec <q>
- Si vous mentionnez une date précise, affichez-la avec <small>
Quand c’est prêt, ouvrez le fichier dans votre navigateur pour vérifier que tout s’affiche comme prévu.

Solution proposée

<!DOCTYPE html>
<!-- On indique ici au navigateur que notre document est du HTML version 5 -->
<html lang="fr">
<head>
  <!-- On précise que les caractères spéciaux (accents, etc.) seront bien interprétés -->
  <meta charset="UTF-8">
  <!-- C’est le titre qui va s’afficher dans l’onglet du navigateur -->
  <title>Ma journée inoubliable</title>
</head>
<body>
  <!-- C’est le titre principal de la page, le plus important -->
  <h1>Ma journée inoubliable</h1>

  <!-- Un sous-titre pour ajouter un contexte, ici on précise la date -->
  <h2>Le 10 juillet 2023 à Paris</h2>

  <!-- Un premier paragraphe pour commencer à raconter votre souvenir -->
  <p>
    Ce jour-là, j’ai vécu quelque chose de <em>vraiment spécial</em>. Je suis allé à une conférence
    sur le développement web, et c’était <strong>ma toute première fois</strong> dans ce genre d’événement.
  </p>

  <!-- Un deuxième paragraphe pour continuer le récit -->
  <p>
    J’ai rencontré des personnes passionnées, échangé des idées, et même posé une question en public.
    Un intervenant a dit : <q>Il ne faut jamais avoir peur de poser une question, c’est comme ça qu’on avance.</q> 
    Cette phrase m’a beaucoup inspiré.
  </p>

  <!-- Un petit texte pour afficher discrètement une date en petit -->
  <small>Publié le 11 juillet 2023</small>
</body>
</html>
← Retour aux exercices HTML&CSS