Recette de cuisine — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 2)

Recette de cuisine

Texte et structure · niveau 2

Énoncé

Écrire la page valide d'une recette de crêpes : titre principal, une phrase d'introduction, une rubrique « Ingrédients » (liste dont l'ordre ne compte pas), une rubrique « Préparation » (étapes dans l'ordre) et une rubrique « Astuce ». Les quantités contiennent des espaces insécables (250 g).

Corrigé


<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Recette des crêpes</title>
  </head>
  <body>
    <h1>Les crêpes de la Chandeleur</h1>
    <p>Une pâte simple, pour une douzaine de crêpes.</p>

    <h2>Ingrédients</h2>
    <ul>
      <li>250&nbsp;g de farine</li>
      <li>4 œufs</li>
      <li>50&nbsp;cl de lait</li>
      <li>1 pincée de sel</li>
      <li>50&nbsp;g de beurre fondu</li>
    </ul>

    <h2>Préparation</h2>
    <ol>
      <li>Verser la farine dans un saladier et creuser un puits.</li>
      <li>Ajouter les œufs et le sel, puis le lait peu à peu, en fouettant.</li>
      <li>Incorporer le beurre fondu et laisser reposer une heure.</li>
      <li>Cuire dans une poêle chaude, une minute de chaque côté.</li>
    </ol>

    <h2>Astuce</h2>
    <p>Une cuillère de bière dans la pâte la rend <em>plus légère</em>.</p>
  </body>
</html>

Les ingrédients n'ont pas d'ordre : <ul>. Les étapes en ont un : <ol>.