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:
- ...
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:
- Elemento 1
- Elemento 2 ...
- Elemento N
En este caso vamos a crear una lista de frutas mediante las listas desordenadas en HTML. El código que tendremos que generar es:
- Naranja
- Manzana
- Pera
- Sandía
- Platano
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.
