WEBVTT

00:00:00.810 --> 00:00:04.170
Dans la vidéo précédente, nous 
avons parlé de quelques-unes des

00:00:04.170 --> 00:00:07.020
balises courantes utilisées par le langage HTML.

00:00:07.020 --> 00:00:11.580
Nous allons développer ces connaissances 
en apprenant de nouvelles balises. Nous

00:00:11.580 --> 00:00:15.120
allons donc supprimer le code à 
l’intérieur de notre « body » et

00:00:15.120 --> 00:00:18.330
nous allons jouer avec ce que l’on 
appelle une « liste ordonnée ».

00:00:22.700 --> 00:00:24.970
Il s’agit donc d’une balise « ol »,

00:00:26.740 --> 00:00:31.540
qui signifie en anglais « ordered 
list », liste ordonnée en français.

00:00:35.020 --> 00:00:38.620
À l’intérieur de cette balise, nous 
avons des éléments de liste « li ».

00:00:39.810 --> 00:00:44.010
Nous allons par exemple taper quelques 
légumes pour cuisiner une bonne chakchouka,

00:00:44.010 --> 00:00:48.810
si vous ne savez pas ce que c’est, nous vous 
invitons à lire la recette sur Google. Dans

00:00:48.810 --> 00:00:52.110
cette recette, on retrouve par exemple 
des « oignons » et des « poivrons ».

00:00:57.000 --> 00:01:00.450
Ajoutons encore un dernier 
élément de liste, des « tomates ».

00:01:03.860 --> 00:01:06.410
Si l’on sauvegarde, puis 
que l’on rafraichit la page,

00:01:07.270 --> 00:01:11.710
nous avons une liste avec des 
ognons, des poivrons et des tomates.

00:01:11.710 --> 00:01:15.280
Vous pouvez donc voir ici 
comment on rédige des listes.

00:01:15.280 --> 00:01:21.850
Et c’est une « liste ordonnée » donc vous 
pouvez voir que nous avons « 1, 2 et 3 ».

00:01:21.850 --> 00:01:24.730
Si nous voulons avoir une liste sans les chiffres,

00:01:24.730 --> 00:01:30.310
nous utilisons ce que l’on appelle 
une « Unordered List », « ul ».

00:01:34.120 --> 00:01:39.600
On enregistre, on rafraichit 
et voilà ce que ça donne.

00:01:39.600 --> 00:01:44.760
Maintenant, il y a aussi des « listes imbriquées 
» que vous pouvez utiliser. Encore une fois,

00:01:44.760 --> 00:01:46.800
il s’agit du fait que les balises s’emboitent

00:01:46.800 --> 00:01:50.010
entre elles. Qu’il y a des balises « 
parent », et des balises « enfant ».

00:01:50.010 --> 00:01:53.820
Disons que dans « poivrons » nous voulons 
des poivrons « vert » et « rouge »

00:02:03.310 --> 00:02:06.620
Si l’on sauvegarde cette liste et que 
l’on rafraichit la page, nous avons

00:02:07.540 --> 00:02:08.560
une liste imbriquée.

00:02:10.200 --> 00:02:12.570
Voilà, vous avez les éléments de votre liste.

00:02:12.570 --> 00:02:15.030
Pour la suite, nous apprendrons à mettre

00:02:15.030 --> 00:02:17.970
des images dans notre site Web 
et les balises autofermantes.

00:02:17.970 --> 00:02:20.400
À tout de suite dans la prochaine vidéo.