En HTML, se utiliza una lista para agrupar y estructurar piezas de contenido relacionadas. Hay tres tipos principales de listas en HTML: listas ordenadas, listas desordenadas y listas de definiciones.
<ol>
):Una lista ordenada es una lista en la que el orden de los elementos es importante. Cada elemento de la lista está marcado con un número u otro marcador ordenado.
Ejemplo:
HTML <ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<ul>
):Una lista desordenada es una lista en la que el orden de los elementos no es importante. Los elementos de una lista desordenada suelen estar marcados con viñetas o algún otro marcador.
Ejemplo:
HTML <ul>
<li>Item A</li>
<li>Item B</li>
<li>Item C</li>
</ul>
<dl>
, <dt>
, <dd>
):Se utiliza una lista de definiciones para definir términos y proporcionar sus definiciones. Consiste en una lista de pares término-definición.
Ejemplo:
HTML <dl>
<dt>Term 1</dt>
<dd>Definition for Term 1</dd>
<dt>Term 2</dt>
<dd>Definition for Term 2</dd>
</dl>
Las listas también se pueden anidar unas dentro de otras para crear estructuras más complejas.
Ejemplo:
HTML <ul>
<li>Item 1</li>
<li>Item 2
<ul>
<li>Subitem 2.1</li>
<li>Subitem 2.2</li>
</ul>
</li>
<li>Item 3</li>
</ul>
Estos ejemplos demuestran el uso básico de listas en HTML. Las listas son esenciales para organizar y presentar información de forma estructurada en las páginas web.