Listas HTML
Las listas HTML permiten a los desarrolladores web agrupar un conjunto de elementos relacionados en listas.
Ejm
Una lista desordenada:
- Item
- Item
- Item
- Item
Una lista ordenada:
- First item
- Second item
- Third item
- Fourth item
Listas desordenadas
Una lista desordenada comienza con la etiqueta <ul>. Cada elemento de la lista comienza con la etiqueta <li>.
Los elementos de la lista se marcarán con viñetas (pequeños círculos negros) de forma predeterminada.
Ejm
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
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 se marcarán con números de forma predeterminada.
Ejm
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Listas de descripción HTML
HTML también admite listas de descripción.
Una lista de descripción es una lista de términos, con una descripción de cada término.
La etiqueta <dl> define la lista de descripción, la etiqueta <dt> define el término (nombre) y la etiqueta <dd> describe cada término.
Ejm
<dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl>
Resumen
Etiqueta | Descripción |
---|---|
<ul> | Define una lista desordenada |
<ol> | Define una lista ordenada |
<li> | Define un elemento de la lista |
<dl> | Define una descripción de la lista |
<dt> | Define un término en una lista de descripción |
<dd> | Describe el término en una lista de descripción. |