Listado de los datos en formato html

Sitios web se han utilizado durante décadas listas para transmitir información relacionada o jerárquica. En la siguiente figura, se puede ver una versión más antigua de Yahoo.com que utiliza listas con viñetas para mostrar diversas categorías y página de la receta Allrecipes.com de hoy, que utiliza las listas para mostrar varios ingredientes.

Las listas comienzan con un símbolo, una muesca, y luego el elemento de la lista. El símbolo utilizado puede ser un número, una letra, una bala, o ningún símbolo en absoluto.

Creación de listas ordenadas y desordenadas

Los dos tipos más populares de las listas son:

  • Ordenado: Las listas ordenadas son listas numérico o alfabético en el que la secuencia de los elementos de la lista es importante.

  • desordenada: Estas listas son por lo general las listas con viñetas en el que la secuencia de los elementos de la lista no tiene importancia.

Crear listas especificando el tipo de lista ordenada o desordenada como, y después de añadir cada elemento de la lista utilizando el li etiqueta, como se muestra en los pasos siguientes:

  1. Especificar el tipo de lista.

    Video: Cómo crear un listado de nombres de canciones mp3 en texto

    Añadir etiquetas de apertura y cierre de la lista que especificar tanto una ordenada (ol) O desordenada (ul) Lista, de la siguiente manera:

  2. ol para especificar el comienzo y el final de una lista ordenada.

  3. ul para especificar el comienzo y el final de una lista desordenada.

    Video: 45.- Curso de AngularJS. Mostrar los datos recibidos de una respuesta JSON

  4. Añadir una etiqueta de apertura y cierre (es decir,

  5. y
  6. ) Para cada elemento de la lista.

    Por ejemplo, aquí está una lista ordenada:

  1. elemento de la lista # 1
  2. elemento de la lista # 2
  3. elemento de la lista # 3

Video: HTML insertar un playlist o lista de canciones -21- web con el bloc de notas HTML

listas de anidación

Además, se pueden anidar listas dentro de las listas. Una lista de cualquier tipo puede estar anidada dentro de otra lista-para anidar una lista, vuelva a colocar la etiqueta de lista de elementos con una etiqueta de tipo de lista, o.

El código de ejemplo muestra varios tipos de listas que incluyen una lista anidada.

La página producida por el código se muestra aquí:

La etiqueta se muestra en este ejemplo de código no es necesario crear una lista. Se utiliza aquí sólo para nombrar cada lista.

Cada lista o la lista de etiquetas elemento de apertura se debe seguir con una lista de cierre o etiqueta lista de elementos.

Artículos Relacionados