Listas HTML:


Las listas HTML más comunes son las listas ordenadas y las listas desordenadas:

Listas no ordenadas

Una lista sin orden comienza con la etiqueta <ul>. Cada elemento de la lista comienza con la etiqueta <li>.
Los elementos de la lista están marcados con balas (normalmente pequeños círculos negros).

<ul>
<li>Café</li>
<li>Leche</li>
</ul>

Con el código HTML anterior el navegador nos muestra lo siguiente:

Listas ordenadas

Una lista ordenada comienza con la etiqueta <ol>. Cada elemento de la lista comienza con la etiqueta <li>. Los elementos de la lista están marcados con los números. <ol>
<li>Café</li>
<li>Leche</li>
</ol>

Con el código HTML anterior el navegador nos muestra lo siguiente:

  1. Café
  2. Leche

Listas de descripción

Una lista de descripción es una lista de términos / nombres, con una descripción de cada término / nombre.
La etiqueta <dl> define una lista de descripciones.
La etiqueta <dl> se utiliza en conjunción con <dt> (define términos / nombres) y <dd> (describe cada término / nombre):

<dl>
<dt>Café</dt>
<dd>- Bebida Negra</dd>
<dt>Leche</dt>
<dd>- Bebida Blanca</dd>
</dl>
Con el código HTML anterior el navegador nos muestra lo siguiente:

Café
- Bebida Negra
Leche
- Bebida Blanca

Etiquetas para las listas

Etiqueta Descripción
<ol> Defines una lista ordenada.
<ul> Defines una lista no ordenada.
<li> Defines un elemento de la lista
<dl> Defines una lista de descripción
<dt> Defines un termino/nombre en una lista de descripción.
<dd> Defines una descripción de un termino/nombre de una lista de descripción.