Les listes et les tableaux en HTML
Listes à puces, numérotées et de définitions, leur imbrication, puis tableaux : lignes, cellules, en-têtes, fusions de cellules et rôle de chaque balise.
- 25 cartes
- 5 thèmes
- Gratuit
Le programme, thème par thème
Le poids de chaque thème suit celui que lui donne l'examen.
- Notions
- Questions
- Ranger et relier
- Les chiffres
- Mises en situation
Quelques cartes du deck
Liste non ordonnée : de quoi s'agit-il ?
Voir la réponse
Liste dont l'ordre des items n'a pas d'importance, écrite avec
<ul>contenant des<li>; affichée avec des puces.Les puces ne sont que l'aspect par défaut : un menu de navigation est aussi une
ul, sans puces grâce au CSS.Pourquoi ce code est-il invalide ?
```html
<ul>
<li>Fruits</li>
<ul>
<li>Pomme</li>
</ul>
</ul>`- La sous-liste est enfant de
ul: elle doit être dans leli - Une liste ne peut jamais en contenir une autre
- La sous-liste devrait être un
ol - Il manque un attribut
typesur la sous-liste
Voir la réponse
La sous-liste est enfant de
ul: elle doit être dans leliLes seuls enfants directs de
uletolsont desli. Pour imbriquer, la sous-liste se place dans leliqu'elle détaille :<li>Fruits<ul><li>Pomme</li></ul></li>.- La sous-liste est enfant de
Dans un tableau, la balise … crée une ligne, la balise … une cellule d'en-tête et la balise … une cellule de données.
Voir la réponse
Dans un tableau, la balise tr crée une ligne, la balise th une cellule d'en-tête et la balise td une cellule de données.
trpour « table row »,thpour « table header »,tdpour « table data ». Les cellules vont toujours dans une ligne, jamais directement danstable.Liste ordonnée : de quoi s'agit-il ?
Voir la réponse
Liste dont l'ordre compte, écrite avec
<ol>contenant des<li>; les items sont numérotés par le navigateur.On ne tape jamais les numéros soi-même : insérer une étape renumérote le reste. Les attributs
startetreversedchangent le départ et le sens.