0:00:00.633,0:00:02.766
¿Sabes qué me encanta? Las listas.

0:00:02.766,0:00:05.133
¿Alguna vez has hecho una lista de [br]pendientes o una lista de super?

0:00:05.133,0:00:07.342
¿Alguna vez has leído una lista en una [br]página web como,

0:00:07.342,0:00:10.401
"Las 10 caras de perro más ridículas" ?

0:00:10.401,0:00:13.700
Apuesto a que lo has hecho, porque el[br]mundo está lleno de listas.

0:00:13.700,0:00:16.100
HTML nos proporciona etiquetas para [br]hacer listas,

0:00:16.100,0:00:18.966
y vamos a practicar esto haciendo

0:00:18.966,0:00:23.963
una lista de razones por las que los [br]conejos son magníficas mascotas.

0:00:24.600,0:00:27.133
Ahora, para empezar una lista con viñetas,

0:00:27.133,0:00:30.486
debemos comenzar con la etiqueta < ul >.

0:00:30.502,0:00:32.433
¿Para qué es la etiqueta < ul >?

0:00:32.433,0:00:36.100
Apuesto a que puedes adivinar qué [br]significa la "l", lista.

0:00:36.100,0:00:39.933
La "u", es más complicado saber, [br]es para listas que no están ordenadas,

0:00:39.933,0:00:42.800
y significa que el navegador no va a[br]numerar los elementos.

0:00:42.800,0:00:45.066
Sólo va a añadir pequeñas viñetas.

0:00:45.066,0:00:48.367
Para que veas lo que quiero decir,[br]déjame añadir el primer elemento,

0:00:48.367,0:00:50.200
"Son peludos".

0:00:50.200,0:00:52.111
¿Ves el pequeño círculo que está [br]a un lado?

0:00:52.111,0:00:53.268
Esa es una viñeta.

0:00:53.268,0:00:55.933
¿Para qué crees que es la etiqueta < li >?

0:00:55.933,0:00:59.933
La "l" significa lista, y la "i" es elemento, [br]elemento de la lista.

0:00:59.933,0:01:01.700
Cada vez que queremos añadir un [br]elemento nuevo,

0:01:01.700,0:01:05.633
necesitamos agregar una nueva etiqueta[br]< li > debajo de < ul >.

0:01:05.633,0:01:08.500
Cada etiqueta < ul > debe tener cuando [br]menos una etiqueta < li > debajo,

0:01:08.500,0:01:11.833
porque una lista sin elementos [br]es muy aburrida.

0:01:11.833,0:01:13.733
Ok, vamos a añadir más elementos,

0:01:13.733,0:01:17.366
"Son grandes oyentes" y,

0:01:17.366,0:01:21.535
"Se comen todas las zanahorias [br]sobrantes"

0:01:22.146,0:01:24.933
Está bien, esto debería ser una[br]lista bastante convincente.

0:01:24.933,0:01:28.433
Yo no sé a quién no le gustaría tener un [br]conejo después de leer esto.

0:01:28.433,0:01:30.000
Ahora, yo no numeré esta lista

0:01:30.000,0:01:31.767
porque no creo que alguna razón

0:01:31.767,0:01:33.600
es más importante que otra,

0:01:33.600,0:01:36.666
pero muchas veces queremos[br]listas numeradas.

0:01:36.666,0:01:38.133
Como cuando queremos hacer [br]una lista de

0:01:38.133,0:01:43.133
"Los tres conejos más famosos".

0:01:44.866,0:01:47.233
Así que para empezar nuestra [br]lista numerada,

0:01:47.233,0:01:51.166
vamos a usar una etiqueta < ol > en [br]lugar de < ul >.

0:01:51.166,0:01:54.633
¿Ya descubriste para qué es la etiqueta[br]< ol >?

0:01:54.633,0:01:56.281
Aquí hay una pista, sólo revisa [br]las primeras

0:01:56.281,0:01:59.233
dos letras de < ul > para saber [br]qué significa.

0:01:59.233,0:02:02.633
Correcto, se usa para "listas ordenadas".

0:02:02.633,0:02:04.566
Y esta etiqueta le dice al navegador que

0:02:04.566,0:02:06.533
numere cada elemento nuevo [br]automáticamente.

0:02:06.533,0:02:09.500
Seguimos usando < li > para añadir [br]elementos nuevos

0:02:09.500,0:02:11.733
dentro de la lista.

0:02:11.733,0:02:13.400
Así que pondremos "Bugs Bunny",

0:02:13.400,0:02:15.866
tenemos a "Thumper",

0:02:15.866,0:02:19.300
y por supuesto, no podemos olvidar el [br]"Easter Bunny".

0:02:20.988,0:02:22.533
Lo bueno de las listas numeradas es

0:02:22.533,0:02:25.033
que el navegador se encarga de la [br]numeración por nosotros.

0:02:25.033,0:02:27.733
Así que si reordenamos los elementos, [br]los borramos o añadimos otros,

0:02:27.733,0:02:30.400
los números siempre se actualizarán [br]correctamente.

0:02:30.400,0:02:32.133
Como si todos ustedes me dijeran que

0:02:32.133,0:02:33.800
no saben quién es "Thumper".

0:02:33.800,0:02:35.933
Entonces, en primer lugar, les diría

0:02:35.933,0:02:37.400
que deben ver la película de "Bambi".

0:02:37.400,0:02:39.300
Pero luego de mala gana movería

0:02:39.300,0:02:41.233
a "Thumper" al final de la lista.

0:02:41.233,0:02:44.466
Y ahora, pobre "Thumper", es el [br]número tres.

0:02:44.466,0:02:47.133
Ahora tienes todo lo que necesitas para [br]crear listas.

0:02:47.133,0:02:50.329
Sigue adelante y haz listas de todo.