Generador de Listas HTML
Genera listas HTML ordenadas y desordenadas a partir de tu texto.
Elementos de la Lista
Introduce un elemento de lista por línea:
Tipo de Lista:
Cómo usar Generador de Listas HTML
- 1
Introduce los elementos de la lista
Escribe o pega tus elementos en el cuadro, poniendo un elemento en cada línea.
- 2
Elige el tipo de lista
Selecciona una lista desordenada (ul) para viñetas o una lista ordenada (ol) para elementos numerados.
- 3
Configura las opciones avanzadas
Si quieres, abre las Opciones avanzadas para añadir un ID de lista, una clase de lista, una clase de elemento o un número de inicio personalizado.
- 4
Genera y copia
Haz clic en Generar lista HTML y luego copia al portapapeles el marcado ul/ol listo para usar.
Preguntas frecuentes
¿Cuál es la diferencia entre las opciones de lista desordenada y ordenada?
La desordenada produce <ul> con elementos <li> en viñetas, mientras que la ordenada produce <ol> con elementos numerados. Elige la que coincida con cómo debe aparecer la lista en tu página.
¿Puedo añadir clases CSS o un ID a la lista generada?
Sí. Usa las Opciones avanzadas para definir un ID de lista, una clase en el elemento <ul>/<ol> y una clase aplicada a cada <li>, de modo que la salida encaje directamente en tus estilos existentes.
¿Cómo creo una lista numerada que empiece en un número distinto de 1?
Cambia a una lista ordenada y define el campo Número de inicio en las Opciones avanzadas. Esto añade un atributo start al <ol> para que la numeración empiece donde elijas.
¿Las líneas en blanco se convierten en elementos de lista vacíos?
No. Las líneas en blanco o que solo contienen espacios se ignoran, así que solo las líneas no vacías se convierten en elementos <li> y no obtendrás viñetas vacías sueltas.
¿El HTML generado es seguro para pegarlo en cualquier sitio?
Sí. El marcado es código ul/ol/li sencillo y conforme a los estándares, generado íntegramente en tu navegador, por lo que no se sube nada y puedes pegarlo en cualquier sitio web, CMS o editor.
Herramientas relacionadas
Sigue trabajando con estas prácticas herramientas