Cómo crear listas con viñetas en html5

UN lista con viñetas contiene uno o más elementos de cada uno precedido por una bala (A menudo un gran punto). Utilizar este tipo de lista en su página web, si para los elementos no es necesaria para la comprensión de la información que presenta.

Una lista con viñetas requiere lo siguiente:

  • El elemento de lista desordenada (

    ) Especifica una lista con viñetas.
  • Un elemento de la lista de elementos (

  • ) Marca cada elemento de la lista.
  • La etiqueta de cierre para el elemento de lista desordenada (

) Indica que la lista ha llegado a su fin.

Un lista desordenada (Otro nombre para la lista de viñetas) con tres elementos requiere elementos y contenido en el orden siguiente:

Video: Html parte 2 - Viñetas y Tablas

  1. Contenido para el primer elemento de la lista

  2. Contenido para el segundo elemento de la lista

    Video: Viñetas y listas numeradas (simples y multinivel) con Indesign

  3. Contenido para el tercer elemento de la lista

El siguiente código da formato a una lista de tres elementos como una lista con viñetas:

Las listas con viñetas

Cosas que hacer hoy

  • gato de alimentación
  • lavado de coche
  • Compras de comestibles

Esta figura muestra cómo un navegador hace esto con balas.

Usar CSS para ejercer un mayor control sobre el formato de sus listas, incluyendo la capacidad de utilizar sus propios gráficos como símbolos de bala.

Artículos Relacionados