Las listas no ordenadas son las más sencillas y las que más se utilizan. Una lista no ordenada es un conjunto de elementos relacionados entre sí pero para los que no se indica un orden o secuencia determinados. La etiqueta <ul> encierra todos los elementos de la lista y la etiqueta <li> cada uno de sus elementos.
| Etiqueta | <ul> |
|---|---|
| Atributos comunes | básicos, internacionalización y eventos |
| Atributos propios | – |
| Tipo de elemento | Bloque |
| Descripción | Se emplea para definir listas no ordenadas |
La lista
| Etiqueta | <li> |
|---|---|
| Atributos comunes | básicos, internacionalización y eventos |
| Atributos propios | – |
| Tipo de elemento | Bloque |
| Descripción | Se emplea para definir los elementos de las listas (ordenadas y no ordenadas) |
El siguiente código HTML muestra un ejemplo sencillo de lista no ordenada:
<html> <head><title>Ejemplo de etiqueta Unordered List</title></head> <body> <h1>Menú de la compra</h1> <ul> <li>Cerveza</li> <li>Papas fritas</li> <li>Maní</li> <li>Algo más para picar</li> </ul> </body> </html>
En el navegador se vería así:
El navegador por defecto muestra los elementos de la lista tabulados y con una pequeña viñeta formada por un círculo negro. Como ya se sabe, el aspecto con el que se muestran los elementos de las listas se puede modificar mediante las hojas de estilos CSS.