Emploi du temps — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 5)

Emploi du temps

Tableaux de données · niveau 2

Énoncé

Écrire l'emploi du temps du groupe E1-3 pour trois jours (lundi, mardi, mercredi) et trois créneaux (8 h, 10 h, 13 h) : le cours d'algorithmique du lundi et le projet du mercredi durent de 8 h à 12 h ; le mardi, anglais à 8 h et TD de Java à 10 h ; à 13 h, des activités sportives ont lieu les trois jours. Vérifier le décompte sur une grille avant de valider la page.

Corrigé

Le lundi et le mercredi de 8 h à 12 h couvrent les créneaux de 8 h et de 10 h : rowspan="2". La ligne de 10 h n'a donc qu'une cellule de donnée (le mardi). Les activités sportives couvrent les trois jours : colspan="3".


<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Emploi du temps</title>
</head>
<body>
  <h1>Emploi du temps — semaine 38</h1>
  <table>
    <caption>Emploi du temps du groupe E1-3</caption>
    <thead>
      <tr>
        <th scope="col">Heure</th>
        <th scope="col">Lundi</th>
        <th scope="col">Mardi</th>
        <th scope="col">Mercredi</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">8 h</th>
        <td rowspan="2">Algorithmique (cours)</td>
        <td>Anglais</td>
        <td rowspan="2">Projet</td>
      </tr>
      <tr>
        <th scope="row">10 h</th>
        <td>Java (TD)</td>
      </tr>
      <tr>
        <th scope="row">13 h</th>
        <td colspan="3">Activités sportives</td>
      </tr>
    </tbody>
  </table>
</body>
</html>