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:
- Café
- 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. |