Adloun

HTML : structurer le Web (école d'ingénieur) · Chapitre 1 · Exercice de TD

Lire un rapport de validation

Le Web et sa première page · niveau 2

Énoncé

Voici une page et le rapport du validateur. Expliquer chaque erreur, puis donner la page corrigée.


<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h1>Recette des crêpes</h1>
    <p>Pour 4 personnes : <strong>250 g de farine</p>
  </body>
</html>

   5:6   error  <title> cannot be empty, must have text content           empty-title
   9:6   error  Element <p> is implicitly closed by adjacent <#document>  no-implicit-close
   9:28  error  Unclosed element '<strong>'                               close-order
   9:51  error  End tag '</p>' seen but there were open elements          close-order
  10:4   error  End tag '</body>' seen but there were open elements       close-order
  11:2   error  End tag '</html>' seen but there were open elements       close-order

Corrigé

  • Ligne 5 : le titre de la page est vide ; or il est obligatoire et doit avoir un texte (il s'affiche dans l'onglet).
  • Ligne 9 : <strong> n'est pas fermé. Les quatre autres messages (paragraphe, </p>, </body>, </html>) en sont les conséquences : chaque balise fermante trouve encore strong ouvert. Une seule correction les règle toutes — d'où la règle : corriger la première erreur, puis relancer.

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <title>Recette des crêpes</title>
  </head>
  <body>
    <h1>Recette des crêpes</h1>
    <p>Pour 4 personnes : <strong>250 g de farine</strong>.</p>
  </body>
</html>

100 % gratuit

La suite du chapitre est sur Adloun

Exercice suivant et tuteur

Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.

Le cours du chapitre · Tous les exercices du chapitre

Exercice suivant et tuteur →