HTML Ordered Lists

HTML Ordered Lists

La ruta del desarrollador web frontend autónomo🤹‍♂️


La etiqueta HTML <ol> define una lista ordenada. Una lista ordenada puede ser numérica o alfabética.


Lista ordenada

Una lista ordenada comienza con la etiqueta <ol>. Cada elemento de la lista comienza con la etiqueta <li>.

Los elementos de la lista se marcarán con números de forma predeterminada:

Ejemplo:


El atributo type

El atributo type de la etiqueta <ol>, define el tipo de marcador del elemento de la lista:

TipoDescripción
type="1"Los elementos de la lista se marcarán con números (por defecto)
type="A"Los elementos de la lista se marcarán en letras mayúsculas
type="a"Los elementos de la lista se marcarán en letras minúsculas
type="I"Los elementos de la lista se marcarán en letras mayúsculas en números romanos
type="i"Los elementos de la lista se marcarán en letras minúsculas en números romanos

Ejemplo letras mayúsculas:

Ejemplo números romános:


Control de numeración de la lista

Por defecto, una lista ordenada inicia desde 1. Si usted quiere iniciar de un número diferente, use el atributo start.

Ejemplo:


Listas anidadas

Las listas ordenadas también pueden contener otras listas.

Ejemplo:


Lista de etiquetas

Etiqueta

Descripción

<ul>

Define una lista desordenada

<ol>

Define una lista ordenada

<li>

Define un elemento en una lista

<dl>

Define una lista de descripción

<dt>

Define un término en una descripción de lista

<dd>

Describe el término en una descripción de lista


Resumen

Use los elementos HTML (<ol>, <ul>) para crear listas según los requerimientos de su proyecto.


Traducido con 💚 desde W3Schools.com

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!