0:00:00.633,0:00:02.766 Vous savez ce que j'adore ?... Les listes. 0:00:02.766,0:00:05.133 Avez-vous déjà fait une liste [br]de courses ou de choses à faire ? 0:00:05.133,0:00:07.342 Avez-vous déjà vu une liste [br]sur une page Web, 0:00:07.342,0:00:10.401 comme le "Top 10 des meilleurs[br]vidéos de la semaine" ? 0:00:10.401,0:00:13.700 Je suis sûr que oui, car on [br]rencontre des listes tout le temps. 0:00:13.700,0:00:16.100 Le HTML nous propose des balises[br]pour faire des listes, 0:00:16.100,0:00:18.966 et on va les utiliser pour afficher[br]la liste des raisons qui font 0:00:18.966,0:00:23.963 que les lapins sont de bons[br]animaux de compagnie. 0:00:24.240,0:00:26.813 Pour commencer une liste simple, 0:00:26.813,0:00:30.102 on va utiliser la balise . 0:00:30.102,0:00:32.433 A quoi correspond les 2 lettres "ul" ? 0:00:32.433,0:00:35.460 J'imagine que le "l" est pour "liste". 0:00:35.460,0:00:39.933 Le "u" correspond à "unordered"[br]en anglais (non ordonnée, sans ordre). 0:00:39.933,0:00:42.800 Cela veut dire que le navigateur ne[br]va pas numéroter les éléments. 0:00:42.800,0:00:45.066 Il va juste ajouter un point [br]devant chaque élément. 0:00:45.066,0:00:48.037 Pour voir ça, ajoutons [br]le premier élément, 0:00:48.037,0:00:50.200 on écrit : "Ils ont plein de poils". 0:00:50.200,0:00:52.111 Vous voyez le cercle noir au début,[br]à gauche ? 0:00:52.111,0:00:53.268 C'est un gros point. 0:00:53.268,0:00:55.933 Bon. A quoi correspond la[br]balise ? 0:00:55.933,0:00:59.933 Le "l" est pour "liste" et le "i" [br]pour "item" en anglais (élément). 0:00:59.933,0:01:01.700 A chaque fois que nous ajoutons[br]un nouvel élément, 0:01:01.700,0:01:05.633 on a besoin d'ajouter un à[br]l'intérieur de . 0:01:05.633,0:01:08.500 Chaque doit au moins avoir [br]un élément , 0:01:08.500,0:01:11.833 car une liste sans élément, [br]ça ne sert à rien. 0:01:11.833,0:01:13.733 OK. On va ajouter des éléments. 0:01:13.733,0:01:17.366 On écrit : "Ils écoutent bien", 0:01:17.366,0:01:21.535 "Ils mangent tous vos restes de carotte". 0:01:22.146,0:01:24.933 OK. C'est pas mal pour une première liste. 0:01:24.933,0:01:28.433 Tout le monde va vouloir un lapin[br]en lisant ça ! 0:01:28.433,0:01:30.000 Je n'ai pas numéroté cette liste car... 0:01:30.000,0:01:33.417 il n'y a pas une raison plus importante[br]qu'une autre. 0:01:33.600,0:01:36.666 Mais, parfois, on veut numéroter[br](ordonner) la liste. 0:01:36.666,0:01:44.083 Par exemple, si je veux afficher la liste :[br]Top 3 des lapins les plus célèbres. 0:01:44.186,0:01:47.233 Donc, pour débuter notre liste ordonnée, 0:01:47.233,0:01:51.166 on va utiliser la balise au lieu de . 0:01:51.166,0:01:54.633 Savez-vous pourquoi on utilise "ol" ? 0:01:54.633,0:01:59.091 Utilisez les premières lettres de [br]"liste ordonnée". 0:01:59.233,0:02:02.633 Exactement ! "ol" correspond à[br]"liste ordonnée" ! 0:02:02.633,0:02:06.406 On indique au navigateur de numéroter[br]automatiquement chaque élément. 0:02:06.533,0:02:09.500 On va continuer d'utiliser [br]pour chaque élément 0:02:09.500,0:02:11.733 à l'intérieur de la liste. 0:02:11.733,0:02:13.400 On écrit : "Bugs Bunny", 0:02:13.400,0:02:15.866 ensuite "Bambi", 0:02:15.866,0:02:19.760 et, bien sûr, le "lapin de pâques". 0:02:20.068,0:02:22.533 Ce qui est cool avec les listes ordonnées, 0:02:22.533,0:02:25.033 c'est que le navigateur va les numéroter[br]lui-même tout seul. 0:02:25.033,0:02:27.733 Donc, si on échange des éléments, [br]si on en enlève ou si on en ajoute, 0:02:27.733,0:02:30.400 il va continuer à les numéroter correctement. 0:02:30.400,0:02:33.663 Par exemple, si vous me dites que[br]vous ne connaissez pas "Bambi", 0:02:33.800,0:02:37.323 Bon. D'abord, je vais vous demander [br]de regarder le film "Bambi" ! 0:02:37.400,0:02:41.110 Ensuite je me forcerais à déplacer[br]"Bambi" en bas de la liste. 0:02:41.233,0:02:44.466 Et du coup, le pauvre "Bambi"[br]se retrouve numéro 3 ! 0:02:44.466,0:02:47.423 OK. Vous connaissez maintenant [br]ce qu'il faut pour créer des listes. 0:02:47.423,0:02:50.670 Continuez ! Et listez tout ce que vous voulez !