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 comunesbásicos, internacionalización y eventos
Atributos propios
Tipo de elementoBloque
DescripciónSe emplea para definir listas no ordenadas

La lista

Etiqueta<li>
Atributos comunesbásicos, internacionalización y eventos
Atributos propios
Tipo de elementoBloque
DescripciónSe 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í:

Ejemplo de lista no ordenada con Bulletpoints.

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.

error: Content is protected !!