Adloun

HTML : structurer le Web (école d'ingénieur) · Chapitre 5 · Application directe du cours

Tableau ou liste ?

Tableaux de données · niveau 1 (application)

Énoncé

Pour chacune des informations suivantes, faut-il un tableau, une liste à puces, une liste numérotée ou une liste de descriptions (<dl>, chapitre 2) ?

  • Les caractéristiques d'un seul livre : auteur, prix, nombre de pages.
  • Les prix de six livres en version papier et numérique.
  • Les étapes pour passer commande.
  • Les rayons de la librairie.

Écrire la page de la première situation pour le livre « Programmation Java » (I. Alame, 32,00 €, 318 pages).

Corrigé

  • Des paires « nom — valeur » pour un seul objet : une liste de descriptions <dl>. Un tableau à deux colonnes conviendrait aussi, mais il n'y a pas de seconde dimension.
  • Six livres × deux prix : deux dimensions, donc un tableau.
  • Des étapes dans un ordre : une liste numérotée <ol>.
  • Des rayons sans ordre : une liste à puces <ul>.

La page de la première situation :


<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Fiche technique</title>
</head>
<body>
  <h1>Programmation Java</h1>
  <dl>
    <dt>Auteur</dt>
    <dd>I. Alame</dd>
    <dt>Prix</dt>
    <dd>32,00 €</dd>
    <dt>Pages</dt>
    <dd>318</dd>
  </dl>
</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 →