Énoncé de l'exercice

Créer votre première page HTML complète. L’idée, c’est de vous familiariser avec les balises essentielles et la façon dont elles s’emboîtent.
1. Créez un fichier bonjour.html.
2. Commencez votre document par la déclaration de type (<!DOCTYPE html>).
3. Ajoutez les balises <html>, <head> et <body>.
4. Dans le <head> :
- Définissez le jeu de caractères en UTF‑8.
- Mettez un titre court, par exemple « Ma première page ».
5. Dans le <body> :
- Inscrivez un titre de niveau 1 avec votre prénom.
- Ajoutez un paragraphe de deux phrases pour vous présenter (ce que vous aimez faire, votre matière préférée…).
Quand c’est prêt, ouvrez bonjour.html dans Chrome (ou Firefox)

Solution proposée

<!DOCTYPE html>
<!-- 1) On précise qu’il s’agit d’un document HTML5, la version la plus récente du langage -->
<html lang="fr">
<head>
  <!-- Début de la section <head> : contient les informations (métadonnées) utiles au navigateur et aux moteurs de recherche, 
       mais qui ne sont pas affichées directement dans la page -->
  <!-- 2) On indique que le fichier utilise l’encodage UTF‑8 pour bien gérer tous les caractères (accents, symboles…) -->
  <meta charset="UTF-8">
  <!-- 3) Le titre de la page : c’est ce qui apparaît dans l’onglet du navigateur et dans les favoris -->
  <title>Ma première page</title>
</head>
<body>
  <!-- Début de la section <body> : tout ce qui est à l’intérieur sera affiché dans la fenêtre du navigateur -->
  <!-- 4) Titre de niveau 1 : remplacez “Votre Prénom” par le vôtre -->
  <h1>Votre Prénom</h1>

  <!-- 5) Paragraphe : écrivez deux phrases pour vous présenter -->
  <p>
    Bonjour, je m’appelle Votre Prénom et je découvre le HTML avec vous.  
    J’aime apprendre de nouvelles choses et je trouve que le développement web,  
    c’est vraiment passionnant !
  </p>
</body>
</html>
← Retour aux exercices HTML&CSS