[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.63,0:00:02.77,Default,,0000,0000,0000,,Vous savez ce que j'adore ?... Les listes.
Dialogue: 0,0:00:02.77,0:00:05.13,Default,,0000,0000,0000,,Avez-vous déjà fait une liste \Nde courses ou de choses à faire ?
Dialogue: 0,0:00:05.13,0:00:07.34,Default,,0000,0000,0000,,Avez-vous déjà vu une liste \Nsur une page Web,
Dialogue: 0,0:00:07.34,0:00:10.40,Default,,0000,0000,0000,,comme le "Top 10 des meilleurs\Nvidéos de la semaine" ?
Dialogue: 0,0:00:10.40,0:00:13.70,Default,,0000,0000,0000,,Je suis sûr que oui, car on \Nrencontre des listes tout le temps.
Dialogue: 0,0:00:13.70,0:00:16.10,Default,,0000,0000,0000,,Le HTML nous propose des balises\Npour faire des listes,
Dialogue: 0,0:00:16.10,0:00:18.97,Default,,0000,0000,0000,,et on va les utiliser pour afficher\Nla liste des raisons qui font
Dialogue: 0,0:00:18.97,0:00:23.96,Default,,0000,0000,0000,,que les lapins sont de bons\Nanimaux de compagnie.
Dialogue: 0,0:00:24.24,0:00:26.81,Default,,0000,0000,0000,,Pour commencer une liste simple,
Dialogue: 0,0:00:26.81,0:00:30.10,Default,,0000,0000,0000,,on va utiliser la balise .
Dialogue: 0,0:00:30.10,0:00:32.43,Default,,0000,0000,0000,,A quoi correspond les 2 lettres "ul" ?
Dialogue: 0,0:00:32.43,0:00:35.46,Default,,0000,0000,0000,,J'imagine que le "l" est pour "liste".
Dialogue: 0,0:00:35.46,0:00:39.93,Default,,0000,0000,0000,,Le "u" correspond à "unordered"\Nen anglais (non ordonnée, sans ordre).
Dialogue: 0,0:00:39.93,0:00:42.80,Default,,0000,0000,0000,,Cela veut dire que le navigateur ne\Nva pas numéroter les éléments.
Dialogue: 0,0:00:42.80,0:00:45.07,Default,,0000,0000,0000,,Il va juste ajouter un point \Ndevant chaque élément.
Dialogue: 0,0:00:45.07,0:00:48.04,Default,,0000,0000,0000,,Pour voir ça, ajoutons \Nle premier élément,
Dialogue: 0,0:00:48.04,0:00:50.20,Default,,0000,0000,0000,,on écrit : "Ils ont plein de poils".
Dialogue: 0,0:00:50.20,0:00:52.11,Default,,0000,0000,0000,,Vous voyez le cercle noir au début,\Nà gauche ?
Dialogue: 0,0:00:52.11,0:00:53.27,Default,,0000,0000,0000,,C'est un gros point.
Dialogue: 0,0:00:53.27,0:00:55.93,Default,,0000,0000,0000,,Bon. A quoi correspond la\Nbalise  ?
Dialogue: 0,0:00:55.93,0:00:59.93,Default,,0000,0000,0000,,Le "l" est pour "liste" et le "i" \Npour "item" en anglais (élément).
Dialogue: 0,0:00:59.93,0:01:01.70,Default,,0000,0000,0000,,A chaque fois que nous ajoutons\Nun nouvel élément,
Dialogue: 0,0:01:01.70,0:01:05.63,Default,,0000,0000,0000,,on a besoin d'ajouter un  à\Nl'intérieur de .
Dialogue: 0,0:01:05.63,0:01:08.50,Default,,0000,0000,0000,,Chaque  doit au moins avoir \Nun élément ,
Dialogue: 0,0:01:08.50,0:01:11.83,Default,,0000,0000,0000,,car une liste sans élément, \Nça ne sert à rien.
Dialogue: 0,0:01:11.83,0:01:13.73,Default,,0000,0000,0000,,OK. On va ajouter des éléments.
Dialogue: 0,0:01:13.73,0:01:17.37,Default,,0000,0000,0000,,On écrit : "Ils écoutent bien",
Dialogue: 0,0:01:17.37,0:01:21.54,Default,,0000,0000,0000,,"Ils mangent tous vos restes de carotte".
Dialogue: 0,0:01:22.15,0:01:24.93,Default,,0000,0000,0000,,OK. C'est pas mal pour une première liste.
Dialogue: 0,0:01:24.93,0:01:28.43,Default,,0000,0000,0000,,Tout le monde va vouloir un lapin\Nen lisant ça !
Dialogue: 0,0:01:28.43,0:01:30.00,Default,,0000,0000,0000,,Je n'ai pas numéroté cette liste car...
Dialogue: 0,0:01:30.00,0:01:33.42,Default,,0000,0000,0000,,il n'y a pas une raison plus importante\Nqu'une autre.
Dialogue: 0,0:01:33.60,0:01:36.67,Default,,0000,0000,0000,,Mais, parfois, on veut numéroter\N(ordonner) la liste.
Dialogue: 0,0:01:36.67,0:01:44.08,Default,,0000,0000,0000,,Par exemple, si je veux afficher la liste :\NTop 3 des lapins les plus célèbres.
Dialogue: 0,0:01:44.19,0:01:47.23,Default,,0000,0000,0000,,Donc, pour débuter notre liste ordonnée,
Dialogue: 0,0:01:47.23,0:01:51.17,Default,,0000,0000,0000,,on va utiliser la balise  au lieu de .
Dialogue: 0,0:01:51.17,0:01:54.63,Default,,0000,0000,0000,,Savez-vous pourquoi on utilise "ol" ?
Dialogue: 0,0:01:54.63,0:01:59.09,Default,,0000,0000,0000,,Utilisez les premières lettres de \N"liste ordonnée".
Dialogue: 0,0:01:59.23,0:02:02.63,Default,,0000,0000,0000,,Exactement ! "ol" correspond à\N"liste ordonnée" !
Dialogue: 0,0:02:02.63,0:02:06.41,Default,,0000,0000,0000,,On indique au navigateur de numéroter\Nautomatiquement chaque élément.
Dialogue: 0,0:02:06.53,0:02:09.50,Default,,0000,0000,0000,,On va continuer d'utiliser \Npour chaque élément
Dialogue: 0,0:02:09.50,0:02:11.73,Default,,0000,0000,0000,,à l'intérieur de la liste.
Dialogue: 0,0:02:11.73,0:02:13.40,Default,,0000,0000,0000,,On écrit : "Bugs Bunny",
Dialogue: 0,0:02:13.40,0:02:15.87,Default,,0000,0000,0000,,ensuite "Bambi",
Dialogue: 0,0:02:15.87,0:02:19.76,Default,,0000,0000,0000,,et, bien sûr, le "lapin de pâques".
Dialogue: 0,0:02:20.07,0:02:22.53,Default,,0000,0000,0000,,Ce qui est cool avec les listes ordonnées,
Dialogue: 0,0:02:22.53,0:02:25.03,Default,,0000,0000,0000,,c'est que le navigateur va les numéroter\Nlui-même tout seul.
Dialogue: 0,0:02:25.03,0:02:27.73,Default,,0000,0000,0000,,Donc, si on échange des éléments, \Nsi on en enlève ou si on en ajoute,
Dialogue: 0,0:02:27.73,0:02:30.40,Default,,0000,0000,0000,,il va continuer à les numéroter correctement.
Dialogue: 0,0:02:30.40,0:02:33.66,Default,,0000,0000,0000,,Par exemple, si vous me dites que\Nvous ne connaissez pas "Bambi",
Dialogue: 0,0:02:33.80,0:02:37.32,Default,,0000,0000,0000,,Bon. D'abord, je vais vous demander \Nde regarder le film "Bambi" !
Dialogue: 0,0:02:37.40,0:02:41.11,Default,,0000,0000,0000,,Ensuite je me forcerais à déplacer\N"Bambi" en bas de la liste.
Dialogue: 0,0:02:41.23,0:02:44.47,Default,,0000,0000,0000,,Et du coup, le pauvre "Bambi"\Nse retrouve numéro 3 !
Dialogue: 0,0:02:44.47,0:02:47.42,Default,,0000,0000,0000,,OK. Vous connaissez maintenant \Nce qu'il faut pour créer des listes.
Dialogue: 0,0:02:47.42,0:02:50.67,Default,,0000,0000,0000,,Continuez ! Et listez tout ce que vous voulez !