Listas HTML
Las listas HTML permiten a los desarrolladores web agrupar un conjunto de elementos relacionados en listas.
Ejemplo
Una lista HTML desordenada:
- Articulo
- Articulo
- Articulo
- Articulo
Una lista HTML ordenada:
- Primer elemento
- segundo artículo
- tercer artículo
- Cuarto artículo
Lista HTML desordenada
Una lista desordenada comienza con la <ul>
etiqueta. Cada elemento de la lista comienza con la
<li>
etiqueta.
Los elementos de la lista se marcarán con viñetas (pequeños círculos negros) de forma predeterminada:
Ejemplo
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Lista HTML ordenada
Una lista ordenada comienza con la <ol>
etiqueta. Cada elemento de la lista comienza con la <li>
etiqueta.
Los elementos de la lista se marcarán con números de forma predeterminada:
Ejemplo
<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 <dl>
etiqueta define la lista de descripciones, la <dt>
etiqueta define el término (nombre) y la <dd>
etiqueta describe cada término:
Ejemplo
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
Etiquetas de lista HTML
Tag | Description |
---|---|
<ul> | Defines an unordered list |
<ol> | Defines an ordered list |
<li> | Defines a list item |
<dl> | Defines a description list |
<dt> | Defines a term in a description list |
<dd> | Describes the term in a description list |
Para obtener una lista completa de todas las etiquetas HTML disponibles, visite nuestra Referencia de etiquetas HTML .