[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,,¿Sabes qué me encanta? Las listas.
Dialogue: 0,0:00:02.77,0:00:05.13,Default,,0000,0000,0000,,¿Alguna vez has hecho una lista de \Npendientes o una lista de super?
Dialogue: 0,0:00:05.13,0:00:07.34,Default,,0000,0000,0000,,¿Alguna vez has leído una lista en una \Npágina web como,
Dialogue: 0,0:00:07.34,0:00:10.40,Default,,0000,0000,0000,,"Las 10 caras de perro más ridículas" ?
Dialogue: 0,0:00:10.40,0:00:13.70,Default,,0000,0000,0000,,Apuesto a que lo has hecho, porque el\Nmundo está lleno de listas.
Dialogue: 0,0:00:13.70,0:00:16.10,Default,,0000,0000,0000,,HTML nos proporciona etiquetas para \Nhacer listas,
Dialogue: 0,0:00:16.10,0:00:18.97,Default,,0000,0000,0000,,y vamos a practicar esto haciendo
Dialogue: 0,0:00:18.97,0:00:23.96,Default,,0000,0000,0000,,una lista de razones por las que los \Nconejos son magníficas mascotas.
Dialogue: 0,0:00:24.60,0:00:27.13,Default,,0000,0000,0000,,Ahora, para empezar una lista con viñetas,
Dialogue: 0,0:00:27.13,0:00:30.49,Default,,0000,0000,0000,,debemos comenzar con la etiqueta < ul >.
Dialogue: 0,0:00:30.50,0:00:32.43,Default,,0000,0000,0000,,¿Para qué es la etiqueta < ul >?
Dialogue: 0,0:00:32.43,0:00:36.10,Default,,0000,0000,0000,,Apuesto a que puedes adivinar qué \Nsignifica la "l", lista.
Dialogue: 0,0:00:36.10,0:00:39.93,Default,,0000,0000,0000,,La "u", es más complicado saber, \Nes para listas que no están ordenadas,
Dialogue: 0,0:00:39.93,0:00:42.80,Default,,0000,0000,0000,,y significa que el navegador no va a\Nnumerar los elementos.
Dialogue: 0,0:00:42.80,0:00:45.07,Default,,0000,0000,0000,,Sólo va a añadir pequeñas viñetas.
Dialogue: 0,0:00:45.07,0:00:48.37,Default,,0000,0000,0000,,Para que veas lo que quiero decir,\Ndéjame añadir el primer elemento,
Dialogue: 0,0:00:48.37,0:00:50.20,Default,,0000,0000,0000,,"Son peludos".
Dialogue: 0,0:00:50.20,0:00:52.11,Default,,0000,0000,0000,,¿Ves el pequeño círculo que está \Na un lado?
Dialogue: 0,0:00:52.11,0:00:53.27,Default,,0000,0000,0000,,Esa es una viñeta.
Dialogue: 0,0:00:53.27,0:00:55.93,Default,,0000,0000,0000,,¿Para qué crees que es la etiqueta < li >?
Dialogue: 0,0:00:55.93,0:00:59.93,Default,,0000,0000,0000,,La "l" significa lista, y la "i" es elemento, \Nelemento de la lista.
Dialogue: 0,0:00:59.93,0:01:01.70,Default,,0000,0000,0000,,Cada vez que queremos añadir un \Nelemento nuevo,
Dialogue: 0,0:01:01.70,0:01:05.63,Default,,0000,0000,0000,,necesitamos agregar una nueva etiqueta\N< li > debajo de < ul >.
Dialogue: 0,0:01:05.63,0:01:08.50,Default,,0000,0000,0000,,Cada etiqueta < ul > debe tener cuando \Nmenos una etiqueta < li > debajo,
Dialogue: 0,0:01:08.50,0:01:11.83,Default,,0000,0000,0000,,porque una lista sin elementos \Nes muy aburrida.
Dialogue: 0,0:01:11.83,0:01:13.73,Default,,0000,0000,0000,,Ok, vamos a añadir más elementos,
Dialogue: 0,0:01:13.73,0:01:17.37,Default,,0000,0000,0000,,"Son grandes oyentes" y,
Dialogue: 0,0:01:17.37,0:01:21.54,Default,,0000,0000,0000,,"Se comen todas las zanahorias \Nsobrantes"
Dialogue: 0,0:01:22.15,0:01:24.93,Default,,0000,0000,0000,,Está bien, esto debería ser una\Nlista bastante convincente.
Dialogue: 0,0:01:24.93,0:01:28.43,Default,,0000,0000,0000,,Yo no sé a quién no le gustaría tener un \Nconejo después de leer esto.
Dialogue: 0,0:01:28.43,0:01:30.00,Default,,0000,0000,0000,,Ahora, yo no numeré esta lista
Dialogue: 0,0:01:30.00,0:01:31.77,Default,,0000,0000,0000,,porque no creo que alguna razón
Dialogue: 0,0:01:31.77,0:01:33.60,Default,,0000,0000,0000,,es más importante que otra,
Dialogue: 0,0:01:33.60,0:01:36.67,Default,,0000,0000,0000,,pero muchas veces queremos\Nlistas numeradas.
Dialogue: 0,0:01:36.67,0:01:38.13,Default,,0000,0000,0000,,Como cuando queremos hacer \Nuna lista de
Dialogue: 0,0:01:38.13,0:01:43.13,Default,,0000,0000,0000,,"Los tres conejos más famosos".
Dialogue: 0,0:01:44.87,0:01:47.23,Default,,0000,0000,0000,,Así que para empezar nuestra \Nlista numerada,
Dialogue: 0,0:01:47.23,0:01:51.17,Default,,0000,0000,0000,,vamos a usar una etiqueta < ol > en \Nlugar de < ul >.
Dialogue: 0,0:01:51.17,0:01:54.63,Default,,0000,0000,0000,,¿Ya descubriste para qué es la etiqueta\N< ol >?
Dialogue: 0,0:01:54.63,0:01:56.28,Default,,0000,0000,0000,,Aquí hay una pista, sólo revisa \Nlas primeras
Dialogue: 0,0:01:56.28,0:01:59.23,Default,,0000,0000,0000,,dos letras de < ul > para saber \Nqué significa.
Dialogue: 0,0:01:59.23,0:02:02.63,Default,,0000,0000,0000,,Correcto, se usa para "listas ordenadas".
Dialogue: 0,0:02:02.63,0:02:04.57,Default,,0000,0000,0000,,Y esta etiqueta le dice al navegador que
Dialogue: 0,0:02:04.57,0:02:06.53,Default,,0000,0000,0000,,numere cada elemento nuevo \Nautomáticamente.
Dialogue: 0,0:02:06.53,0:02:09.50,Default,,0000,0000,0000,,Seguimos usando < li > para añadir \Nelementos nuevos
Dialogue: 0,0:02:09.50,0:02:11.73,Default,,0000,0000,0000,,dentro de la lista.
Dialogue: 0,0:02:11.73,0:02:13.40,Default,,0000,0000,0000,,Así que pondremos "Bugs Bunny",
Dialogue: 0,0:02:13.40,0:02:15.87,Default,,0000,0000,0000,,tenemos a "Thumper",
Dialogue: 0,0:02:15.87,0:02:19.30,Default,,0000,0000,0000,,y por supuesto, no podemos olvidar el \N"Easter Bunny".
Dialogue: 0,0:02:20.99,0:02:22.53,Default,,0000,0000,0000,,Lo bueno de las listas numeradas es
Dialogue: 0,0:02:22.53,0:02:25.03,Default,,0000,0000,0000,,que el navegador se encarga de la \Nnumeración por nosotros.
Dialogue: 0,0:02:25.03,0:02:27.73,Default,,0000,0000,0000,,Así que si reordenamos los elementos, \Nlos borramos o añadimos otros,
Dialogue: 0,0:02:27.73,0:02:30.40,Default,,0000,0000,0000,,los números siempre se actualizarán \Ncorrectamente.
Dialogue: 0,0:02:30.40,0:02:32.13,Default,,0000,0000,0000,,Como si todos ustedes me dijeran que
Dialogue: 0,0:02:32.13,0:02:33.80,Default,,0000,0000,0000,,no saben quién es "Thumper".
Dialogue: 0,0:02:33.80,0:02:35.93,Default,,0000,0000,0000,,Entonces, en primer lugar, les diría
Dialogue: 0,0:02:35.93,0:02:37.40,Default,,0000,0000,0000,,que deben ver la película de "Bambi".
Dialogue: 0,0:02:37.40,0:02:39.30,Default,,0000,0000,0000,,Pero luego de mala gana movería
Dialogue: 0,0:02:39.30,0:02:41.23,Default,,0000,0000,0000,,a "Thumper" al final de la lista.
Dialogue: 0,0:02:41.23,0:02:44.47,Default,,0000,0000,0000,,Y ahora, pobre "Thumper", es el \Nnúmero tres.
Dialogue: 0,0:02:44.47,0:02:47.13,Default,,0000,0000,0000,,Ahora tienes todo lo que necesitas para \Ncrear listas.
Dialogue: 0,0:02:47.13,0:02:50.33,Default,,0000,0000,0000,,Sigue adelante y haz listas de todo.