2021-02-06 04:42:36 +00:00
---
id: bad87fee1348bd9aedf08827
title: Crea una lista no ordenada
challengeType: 0
videoUrl: 'https://scrimba.com/p/pVMPUv/cDKVPuv'
forumTopicId: 16814
dashedName: create-a-bulleted-unordered-list
---
# --description--
HTML tiene un elemento especial para crear < dfn > listas no ordenadas< / dfn > , o listas con estilo de viñetas.
2021-06-20 16:59:09 +00:00
Las listas no ordenadas comienzan con un elemento `<ul>` de apertura, seguido de cualquier número de elementos `<li>` . Por último, las listas no ordenadas cierran con un `</ul>` .
2021-02-06 04:42:36 +00:00
Por ejemplo:
```html
< ul >
< li > milk< / li >
< li > cheese< / li >
< / ul >
```
crearía una lista con estilo de viñetas de `milk` y `cheese` .
# --instructions--
Elimina los últimos dos elementos `p` y crea una lista no ordenada con tres cosas que amen los gatos en la parte inferior de la página.
# --hints--
Crea un elemento `ul` .
```js
assert($('ul').length > 0);
```
Debes tener tres elementos `li` dentro de tu elemento `ul` .
```js
assert($('ul li').length > 2);
```
Tu elemento `ul` debe tener una etiqueta de cierre.
```js
assert(
code.match(/< \/ul > /gi) &&
code.match(/< ul / gi ) & &
code.match(/< \/ul > /gi).length === code.match(/< ul / gi ). length
);
```
Tus elementos `li` deben tener etiquetas de cierre.
```js
assert(
code.match(/< \/li > /gi) &&
code.match(/< li [ \s> ]/gi) &&
code.match(/< \/li > /gi).length === code.match(/< li [ \s> ]/gi).length
);
```
Tus elementos `li` no deben contener una cadena vacía o solo espacios en blanco.
```js
assert($('ul li').filter((_, item) => !$(item).text().trim()).length === 0);
```
# --seed--
## --seed-contents--
```html
< h2 > CatPhotoApp< / h2 >
< main >
< p > Click here to view more < a href = "#" > cat photos< / a > .< / p >
2021-04-27 15:16:44 +00:00
< a href = "#" > < img src = "https://www.bit.ly/fcc-relaxing-cat" alt = "A cute orange cat lying on its back." > < / a >
2021-02-06 04:42:36 +00:00
< p > Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.< / p >
< p > Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.< / p >
< / main >
```
# --solutions--
```html
< h2 > CatPhotoApp< / h2 >
< main >
< p > Click here to view more < a href = "#" > cat photos< / a > .< / p >
2021-04-27 15:16:44 +00:00
< a href = "#" > < img src = "https://www.bit.ly/fcc-relaxing-cat" alt = "A cute orange cat lying on its back." > < / a >
2021-02-06 04:42:36 +00:00
< ul >
< li > milk< / li >
< li > mice< / li >
< li > catnip< / li >
< / ul >
< / main >
```