Listas desordenadas en HTML

17/Dic/2013 HTML Deja un comentario

Las listas desordenadas en HTML son aquellas que muestran sus elementos precedidos de un decorador, conocido como viñeta. Las listas desordenadas en HTML se construyen mediante el elemento UL.

La estructura de un elemento UL es la siguiente:

  1. <ul> ... </ul>

Cada uno de los elementos que están dentro de las listas desordenadas en HTML se construyen mediante el elemento LI. Así la estructura que tendremos se parecerá a lo siguiente:

  1. <li>Elemento 1</li>
  2. <li>Elemento 2</li>
  3. ...
  4. <li>Elemento N</li>
  5. </ul>

En este caso vamos a crear una lista de frutas mediante las listas desordenadas en HTML. El código que tendremos que generar es:

  1. <li>Naranja</li>
  2. <li>Manzana</li>
  3. <li>Pera</li>
  4. <li>Sandía</li>
  5. <li>Platano</li>
  6. </ul>

Vemos que cada elemento de la lista desordenada empieza y termina con el elemento elemento LI.

El resultado de este código hará que se visualice lo siguiente:

  • Naranja
  • Manzana
  • Pera
  • Sandía
  • Platano

Si quisiésemos cambiar el tipo de viñeta que se muestra en las listas desordenadas en HTML deberemos de acudir al lenguaje CSS, mediante el cual podremos poner círculos, cuadrados,... incluso imágenes como hitos de las listas desordenadas.

Vídeos sobre HTML


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*