Hay tres tipos básicos de estilos de lista de Lenguaje de marcado de hipertexto (HTML). La primera es una lista desordenada y está formada por una serie de elementos con viñetas enumerados verticalmente en secuencia. El segundo estilo de lista HTML es una lista ordenada y es idéntico a una lista desordenada excepto que, en lugar de un solo tipo de viñeta, cada uno de los elementos de la lista está numerado en secuencia. El tercer estilo de lista HTML es una lista de definición que enumera un elemento, seguido en la siguiente línea o después de una amplia sangría por su definición. Cada estilo de lista HTML se puede personalizar ampliamente a través de algunas etiquetas HTML, como la etiqueta de tipo, o se pueden personalizar específicamente a través de las propiedades de la hoja de estilo en cascada (CSS).
Hay algunas capacidades que comparte cada estilo de lista HTML. Se pueden anidar entre sí, lo que significa que una lista ordenada puede tener una lista desordenada como elemento de lista. Una lista se puede personalizar a través de CSS para que todo, desde el espacio alrededor de cada elemento de la lista hasta el tipo de viñeta utilizado, se pueda modificar para adaptarse a un diseño en particular. Todas las listas HTML también pueden enumerar casi cualquier cosa como un elemento de lista o una definición, incluidos hipervínculos, imágenes, scripts o incluso componentes de interfaz gráfica de usuario (GUI) como campos de texto.
Una lista desordenada es el estilo de lista HTML más básico. Es simplemente una lista ordenada de elementos, con cada elemento comenzando en una nueva línea después de la anterior. De forma predeterminada, se coloca una viñeta circular justo antes de cada nuevo elemento, aunque esta imagen puede cambiarse a otra forma o eliminarse por completo.
Una lista ordenada es similar en muchos aspectos al estilo de lista HTML desordenada, excepto que las viñetas se reemplazan con numeración secuencial. Los números pueden ser decimales estándar, números romanos, letras o una variedad de otros sistemas de numeración de diferentes idiomas. Cuando las listas ordenadas están anidadas, la numeración de las listas anidadas se puede cambiar, haciendo que la lista se parezca más a un esquema estructurado tradicional. Al igual que las listas desordenadas, los números iniciales también se pueden desactivar.
El tipo final de estilo de lista HTML se conoce como lista de definición. Cada elemento de este tipo de lista se compone de dos elementos: el término y la definición. El término es la palabra que se definirá y es el primer elemento que se muestra en el elemento de la lista. La definición es generalmente una oración u otro elemento que de alguna manera explica o está relacionado con el término. La definición se puede representar junto al término, en la misma línea pero espaciada, o se puede representar en la siguiente línea hacia abajo y sangrar, que es el comportamiento predeterminado. Una lista de definiciones se puede personalizar con propiedades CSS, pero no contiene un área para mostrar viñetas.