Cómo crear listas anidadas en html5

Video: ANIDAMIENTO DE LISTAS DESORDENADAS EN HTML

Casi cualquier cosa cabe en una lista, a partir de conjuntos de instrucciones para colecciones de enlaces. Puede crear subcategorías por anidación listas dentro de las listas. Algunos de los usos comunes para las listas anidadas incluyen los siguientes:

Video: 13- Curso HTML5 y CSS: LISTAS

  • Los mapas de sitio y otras herramientas de navegación

  • Tablas de contenido para libros y documentos en línea

    Video: jQuery Mobile 21: Listas anidadas

  • contornos

Puede combinar cualquiera de los tres tipos de listas para crear anidado liza, tales como una tabla de contenidos multinivel o un esquema que mezcla rúbricas numeradas con elementos de la lista con viñetas como el nivel de esquema más bajo.

En el siguiente ejemplo se inicia con una lista numerada que define una lista de cosas que hacer para el día y utiliza tres listas con viñetas para romper los elementos más en tareas específicas:

Listas anidadas

Cosas que hacer hoy

  1. gato de alimentación
  2. enjuague de la pileta
  3. alimentos abierta gato
  4. Mezclar el alimento seco y húmedo en un tazón
  5. Entregar en bandeja de plata a Pixel
  6. lavado de coche
  7. aspire el interior
  8. exterior de lavado
  9. exterior de cera
  10. Compras de comestibles
  11. Plan de comidas
  12. Limpiar la nevera
  13. hacer la lista
  14. Ir a la tienda

Todas las listas anidadas siguen el mismo patrón de marcado:

Cada elemento de la lista en la lista ordenada de nivel superior es seguida por una lista completa de segundo nivel.

  • Las listas de segundo nivel se sientan dentro de la lista de nivel superior, no en los elementos de la lista.

    Video: HTML5 y CSS3. Crear menu con nav y listas no ordenadas. Video 18. HerTutorialez

  • Esta figura muestra cómo un navegador refleja esta anidación en su pantalla.

    Mientras que construir listas anidadas, ver las etiquetas de apertura y cierre con cuidado. “Cerrar primero lo que abrió el pasado” es un axioma importante. Si no abre y cierra correctamente las etiquetas, listas podrían no utilizar guiones o números consistentes, o el texto podrían tener una sangría de forma incorrecta debido a una lista en algún lugar no se ha cerrado correctamente.

    Artículos Relacionados