html
Les listes imbriquées HTML
Un cours complet pour maîtriser Les listes imbriquées HTML.
0 chapitres
0 QCM
Accès gratuit
Dans cet article
Mise en forme de texte en HTML5
Sommaire du cours
HTML: Introduction
HTML: Les principes
HTML: Exercices
Les commentaires en HTML
Structure d’un document HTML
HTML Série 1
Notion, attributs d’une balise html
Travaux dirigés 1 HTML
Les éléments de base d'un document HTML5
Les balises meta de HTML5
Balise de texte en HTML5
La charte graphique d'un site web
Éléments sémantiques en HTML5
Les sites Web statiques
Les sites catalogues
Objectifs
- ِ Connaitre les listes imbriquées en HTML.
Introduction
- L'élément <li> est un élément commun entre les listes ordonnées <ol> et les listes non-ordonnées <ul>,peut lui même avoir un contenu très variés, et contenir d'autres éléments <ol> et <ul>
Les listes imbriquées HTML
- Nous pouvons exploiter cette propriété pour créer des listes imbriquées les unes dans les autres, nous obtenons ainsi plusieurs niveaux de numérotation ou de puces
- Pour écrire des listes valides, il faut retenir les points suivants:
- Un élément <ul> ou un élément <ol> ne peuvent contenir que des éléments <li> (items de liste).
- Un élément <li> peut contenir du texte, des éléments de type en-ligne, ou encore des éléments de type bloc. On peut donc placer une série de paragraphes dans un item de liste.
- La structure d'une liste à puces est donc la suivante:
<ol> <li> Item 1 <ol> <li> Item 1 A</li> <li> Item 1 B</li> </ol> </li> <li> Item 2 <ol> <li> Item 2 A</li> <li> Item 2 B</li> </ol> </li> </ol>Exemple:<ul> <li>Premier item de premier niveau</li> <li> Deuxième item de premier niveau <ul> <li>Premier item de deuxième niveau</li> <li>Deuxième item de deuxième niveau</li> </ul> </li> <li>Troisième item de premier niveau</li> </ul>