Listas HTML
Podemos hacer esto? ¿HTML ofrece algún fenómeno en particular para agrupar los múltiples elementos?? Sí! HTML proporciona diferentes tipos de listas, como una lista ordenada, listas desordenadas, etc. Estas listas se utilizan para agrupar los múltiples elementos dentro de una lista.
Esta redacción proporcionará una descripción completa de las listas HTML con ejemplos. Además, este artículo nos guiará cómo crear una lista de pedidos, una lista desordenada, una lista descriptiva y una lista anidada. El trabajo de cada lista se explicará con la ayuda de ejemplos.
HTML ofrece varios tipos de listas HTML como se describe a continuación:
- Lista ordenada
- Lista desordenada
- Lista de descripción
- Listas anidadas
Lista ordenada de HTML
También se conoce como una lista numerada. Organiza los datos en un orden específico. En la lista ordenada, todo entrará entre la etiqueta inicial
y etiqueta final . Mientras que dentro de la lista ordenada se escribirán los elementos dentro del etiqueta.
Una lista ordenada puede mostrar los datos en diferentes formatos como alfabético, numérico, romano, etc. De manera predeterminada, la lista muestra los "elementos de la lista" en forma numérica, sin embargo, se puede cambiar utilizando su atributo de "tipo".
Ejemplo 1
Consideremos el siguiente ejemplo que determina cómo funciona la lista ordenada:
Lista de marcos de desarrollo web
- Django
- Laravado
- ÁSPID.Neto
- Matraz
- Expressjs
El código anterior le dará a la salida algo como esto:
Desde la salida, podemos observar que la lista apareció en forma numérica.
¿Qué pasa si el requisito es mostrar la lista en algún otro formato?.E alfabático, romano, etc.? En tal caso, debemos tener que especificar el formato en el "tipo" atributo.
Ejemplo 2
Supongamos que tenemos que declarar los elementos de la lista en formato alfabético, entonces el atributo de tipo se establecerá en el formato especificado I.mi. "Type = a" o "type = a" Como se muestra en el siguiente fragmento:
Lista de marcos de desarrollo web
- Django
- Laravado
- ÁSPID.Neto
- Matraz
- Expressjs
Ahora, este código generará la siguiente salida:
Ejemplo 3
Además, podemos especificar el índice inicial para la lista utilizando el "comenzar" atributo como se muestra en el siguiente script:
Lista de marcos de desarrollo web
- Django
- Laravado
- ÁSPID.Neto
- Matraz
- Expressjs
La salida demostrará que el índice de lista comenzó desde el "VI":
Después de tener el conocimiento detallado sobre la lista ordenada de HTML, avancemos y aprendamos la lista desordenada de HTML.
HTML Lista desordenada
Generalmente utilizado si no hay necesidad de organizar los datos en ningún orden específico. La etiqueta se usará para crear la lista desordenada y dentro de la lista, los elementos se escribirán dentro del etiqueta.
Una lista desordenada muestra los datos en varios formatos como Square, Circle, etc. De forma predeterminada, muestra los "elementos de lista" en forma balizada, sin embargo, se puede cambiar usando su "tipo" atributo.
Ejemplo
El ejemplo de Bellow dado creará dos listas desordenadas, y en la primera lista, no se menciona ningún tipo, por lo que proporcionará el resultado en una forma bala. Sin embargo, en la segunda lista, el atributo de tipo se establece en cuadrado y, como resultado, los elementos de la lista se iniciarán con el cuadrado:
Lista de marcos de desarrollo web
- Django
- Laravado
- ÁSPID.Neto
- Matraz
- Expressjs
La salida del fragmento de código anterior iría así:
Lista de descripción de HTML
También se conoce como la lista de definiciones. Se usa para describir/definir los elementos de la lista. Hay tres tipos de etiquetas utilizadas en la lista de descripción
etiqueta,
Ejemplo
El código dado a continuación implementará las listas de descripción para determinar los dos términos de datos con su definición:
Lista de marcos de desarrollo web
- Django
- Marco para Python
- Laravado
- Marco para PHP
La salida será así:
Listas anidadas
HTML admite el concepto de la lista anidada, lo que significa que una lista se puede crear dentro de la otra lista.
Ejemplo
En este ejemplo, incrustaremos una lista desordenada dentro de la lista ordenada:
Lista de marcos de desarrollo web
- Marco para Python
- Django
- Matraz
- Cherrypy
- Marco para PHP
- Laravado
- Pastelera
- Phalcon
La salida de este ejemplo será la siguiente:
Conclusión
HTML Listas agrupa diferentes elementos en una lista. HTML ofrece diferentes etiquetas para crear listas, por ejemplo, el ,
y ,
Las etiquetas se utilizan para crear una lista ordenada, desordenada y descriptiva respectivamente. Además, el La etiqueta determina el elemento de la lista, el
Este tutorial explica cómo crear listas ordenadas, desordenadas, descriptivas y anidadas. Para una mejor comprensión, este artículo explicó cada lista con la ayuda de ejemplos.