¿CÓMO IMPLEMENTAR DIFERENTES TIPOS DE LISTAS EN HTML?

Las listas son una de las formas importantes de representar datos e información donde cada registro se muestra en una sola línea. Hay varias formas de representar datos en una lista, por ejemplo, de manera ordenada o desordenada. Cubriré los siguientes temas en esta lista en artículo:

Tipos de listas en HTML
Lista HTML desordenada
Lista HTML ordenada
Listas de descripción HTML
Lista anidada en HTML

Tipos de listas en HTML

Antes de comenzar a crear una lista, veamos primero las etiquetas HTML:

- 2. Se utiliza para definir un elemento de lista.
  3. Se utiliza para definir una lista de descripción.
  4. Se utiliza para definir un término en una lista de descripción.
  5. Se usa para describir el término en una lista de descripción
Veamos cómo se pueden crear diferentes tipos de listas en HTML.
Lista desordenada
Para definir una lista desordenada en HTML usamos
- etiqueta. De forma predeterminada, la lista de elementos está marcada con viñetas (es decir, pequeños círculos negros).
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
  Salida:
  java system.exit (0)
  
  Lista HTML desordenada: diferentes marcadores de elementos
  
  Puede elegir de una lista de marcadores utilizando la propiedad de tipo de estilo de lista de CSS. Veamos diferentes propiedades de tipo de estilo de lista CSS que puede usar para definir diferentes estilos de marcadores:
  - Dto : Establece el marcador del elemento de la lista en viñetas
  - circulo : Establece el marcador del elemento de la lista en un círculo
  - cuadrado : Establece el marcador del elemento de la lista en un cuadrado
  - ninguna : Los elementos de la lista no se marcarán
  Dto:
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
  Salida:
  Circulo:
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
  Salida:
  Cuadrado:
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
  Salida:
  Ninguna:
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
  Salida:
  Ahora, después de comprender cómo crear una lista desordenada en HTML, comprendamos cómo crear una lista ordenada en HTML.
  Lista ordenada
  Para definir una lista ordenada en HTML usamos
  1. etiqueta.
    De forma predeterminada, la lista de elementos está marcada con números.
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
    Salida:
    Ahora veamos algunas de las variantes de listas ordenadas.
    Lista HTML ordenada: atributo de tipo
    Hay diferentes tipos de marcadores de elementos para una lista ordenada:
    - tipo = ”1 ″ Los elementos de la lista se numerarán con números (predeterminado)
    - tipo = 'A' Los elementos de la lista se numerarán con letras mayúsculas
    - tipo = 'a' Los elementos de la lista se numerarán con letras minúsculas
    - type = 'I' Los elementos de la lista se numerarán con números romanos en mayúscula
    - tipo = 'i' Los elementos de la lista se numerarán con números romanos en minúscula
    Números:
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
    Salida:
    Letras mayúsculas:
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
    Salida:
    Letras minusculas:
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
    Salida:
    Romano en mayúsculas mber s:
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
    Salida:
    
    Números romanos en minúscula:
```
 Deportes
  Grillo
 Fútbol americano
 Béisbol
 
 
```
    Salida:
    
    Listas de descripción HTML
    También puede crear listas de descripción en HTML. Una lista de descripción se utiliza para crear una lista de términos y agregarles una descripción. Crea una lista de descripción usando
    etiqueta.
    etiqueta define el término &
    la etiqueta les agrega una descripción.
    
    Deportes
    
    Grillo
    
    El críquet es un juego de bate y pelota que se juega entre dos equipos de once jugadores en un campo en el centro del cual hay un campo de 20 metros con un portillo en cada extremo, cada uno de los cuales consta de dos fianzas en equilibrio sobre tres tocones.
    
    Tenis de mesa
    
    El tenis de mesa, también conocido como ping-pong, es un deporte en el que dos o cuatro jugadores golpean una pelota liviana de un lado a otro de una mesa con raquetas pequeñas. El juego se desarrolla en una mesa dura dividida por una red.
    
    Salida:
    Lista anidada en HTML
    También puede crear una lista anidada en HTML.
    
    Deportes
    
    Tenis de mesa
    
    Grillo
    
    Virat Kohli
    
    Joe Root
    
    Baloncesto
Salida:
Ahora, después de ejecutar los fragmentos anteriores, habrá entendido cómo crear listas en HTML. Espero que este blog sea informativo y de valor agregado para ti.
compilador java justo a tiempo
Mira nuestro que viene con capacitación en vivo dirigida por un instructor y experiencia en proyectos de la vida real. Esta capacitación lo convierte en un experto en habilidades para trabajar con tecnologías web de back-end y front-end. Incluye capacitación en desarrollo web, jQuery, Angular, NodeJS, ExpressJS y MongoDB.
Tienes una pregunta para nosotros? Menciónelo en la sección de comentarios del blog 'Lista en HTML' y nos comunicaremos con usted.