Estas listas generan viñetas de diferentes tipos, muy parecidas a las que se utilizan en Word, estas listas son de tipo desordenadas.

Estas listas tienen la directiva cerrada <UL>...<\UL> (unordered lists), significa listas desordenadas y se utiliza para iniciar este tipo de lista.

La estructura de una lista con viñetas (desordenada) es la siguiente.

Ejemplo 11:
Copia la codificación de la lista anterior y realiza los  cambios

Graba los cambios y visualiza detenidamente los resultados

TYPE="Nombre_de_Viñeta"

Si se desea cambiar el tipo de viñeta se emplea el atributo TYPE="Nombre_de_Viñeta", este debe de escribirse dentro de la directiva <UL>, o sea <UL TYPE="Viñeta">
Nota: Los nombres de las viñetas debe escribirse forzosamente en minúsculas

Se tienen los siguientes tipos.

<UL TYPE ="disc">
Este es el atributo que muestra un circulo con relleno negro, es el que da por defecto.

<UL TYPE ="circle">
Este es el atributo que muestra un circulo vacío.

<UL TYPE ="square">
Este es el atributo que muestra un pequeño cuadro negro.

Ejemplo 12
Copia la codificación de la lista anterior y realiza los  cambios

Graba los cambios y visualiza detenidamente los resultados